.banner-full {
  border-bottom: 0px solid #ebebeb;
}
.driver-list {
  min-height: 1200px;
  padding-top: 30px;
  padding-bottom: 60px;
}
.driver-list .tl {
  padding: 15px 0 15px 110px;
  line-height: 30px;
  font-size: 1.25em;
}

.driver-list .item
{
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}

.driver-list .item .item-box
{
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 1px solid #ebebeb;
	border-radius: 20px;
	left: 0;
	top: 0;
	background:#FFF;/* url("../images/driver_item_bg1.jpg") left center no-repeat;*/
	background-size: 100% 100%;
	
	transition: all .5s ease;
  -moz-transition: all .5s ease; /* Firefox 4 */
  -webkit-transition: all .5s ease; /* Safari and Chrome */
  -o-transition: all .5s ease; /* Opera */
}

	.driver-list .item .hvbg,
	.driver-list .item1 .hvbg,
	.driver-list .item2 .hvbg,
	.driver-list .item3 .hvbg,
	.driver-list .item4 .hvbg {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 10000;
	}

.driver-list .item1:hover .item-box
{
	border-color:#ff0506;
}

.driver-list .item2:hover .item-box
{
	border-color:#ff6364;
}

.driver-list .item3:hover .item-box
{
	border-color:#056dff;
}

	.driver-list .item4:hover .item-box {
		border-color: #ff6364;
	}

.driver-list .item1 .hvbg
{
	background: url("../images/driver-11.png") right bottom no-repeat;
	background-size: 100% 100%;
}

.driver-list .item2 .hvbg
{
	background: url("../images/driver-22.png") right bottom no-repeat;
	background-size: 100% 100%;
}

.driver-list .item3 .hvbg
{
	background: url("../images/driver-33.png") right bottom no-repeat;
	background-size: 100% 100%;
}

	.driver-list .item4 .hvbg {
		background: url("../images/driver-22.png") right bottom no-repeat;
		background-size: 100% 100%;
	}

.driver-list .item2 .item-box
{
	/*background-image: url("../images/driver_item_bg2.jpg");*/
}

.driver-list .item3 .item-box
{
	/*background-image: url("../images/driver_item_bg3.jpg");*/
}

/*
.driver-list .item:hover .item-box
{
	background-image:none;		
	background-color: #1D5ED7;
}


.driver-list .item2:hover .item-box
{
	background-image:none;		
	background-color: #056dff;
}

.driver-list .item3:hover .item-box
{
	background-image:none;		
	background-color: #ff6364;
}



.driver-list .item:hover h2,
.driver-list .item:hover h2 small
{
	color: #FFF;
}
*/

/*
.driver-list .item.hoverIn .item-box
{
	-webkit-animation-duration: 1s;
  	animation-duration: 1s;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
	animation-name: jackInTheBox;
  	-wiki-animation-name: jackInTheBox;
	
	background-image: none;
}


.driver-list .item.hoverOut .item-box
{
	-webkit-animation-duration: 1s;
  	animation-duration: 1s;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
  	animation-name: fadeInDown;
  	-wiki-animation-name: fadeInDown;
}*/
/*
.driver-list .item .cap-hover {
  position: absolute;
  height: 0;
  z-index: 999;
  opacity: 0;
  background-color: #FFF;
}

.driver-list .item:hover .cap {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-name: zoomOut;
  -wiki-animation-name: zoomOut;
}

.driver-list .item:hover .cap-hover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-name: jackInTheBox;
  -wiki-animation-name: jackInTheBox;
  height: auto;
  opacity: 1;
}

.driver-list .item.hoverOut .cap {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: zoomIn;
  -wiki-animation-name: zoomIn;
}

.driver-list .item.hoverOut .cap-hover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: zoomOut;
  -wiki-animation-name: zoomOut;
}

.driver-list .item1 .cap-hover
{
	background-image: none;
	background-color: #1D5ED7;
}

.driver-list .item2 .cap-hover
{
	background-image: none;
	background-color: #056dff;
}

.driver-list .item3 .cap-hover
{
	background-image: none;
	background-color: #ff6364;
}



.driver-list .item.hoverIn h2,
.driver-list .item.hoverIn h2 small,
.driver-list .item:hover h2,
.driver-list .item:hover h2 small
{
	color: #FFF;
}

*/

/*
.driver-list .item1.hoverOut .item-box
{
	background-color: #FFF;
	background-image: url("../images/driver_item_bg1.jpg");
}

.driver-list .item2.hoverOut .item-box
{
	background-color: #FFF;
	background-image: url("../images/driver_item_bg2.jpg");
}

.driver-list .item3.hoverOut .item-box
{
	background-color: #FFF;
	background-image: url("../images/driver_item_bg3.jpg");
}

.driver-list .item.hoverOut h2
{
	color: #222;
}

.driver-list .item.hoverOut h2 small
{
	color: #666;
}
*/

	.pg-drivers .sub-team-cate {
		text-align: left;
		padding: 0 0 15px 0;
	}

		.pg-drivers .sub-team-cate a {
			display: inline-block;
			padding: 8px 20px;
			border: 1px solid #ebebeb;
			line-height: 150%;
			border-radius: 6px;
			font-size: 1.5em;
			font-weight: bold;
			margin: 5px;
		}

			.pg-drivers .sub-team-cate a:hover,
			.pg-drivers .sub-team-cate a.active {
				border-color: #1D5ED7;
				color: #FFF;
				background-color: #1D5ED7;
			}


.driver-list .item a
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.driver-list .item .nm
{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 9999
}

.driver-list .item .nm h2
{
	font-size:2em;
	font-weight: bold;
	padding: 0;
	line-height: 135%;
}

.driver-list .item .nm small
{
	font-size: 0.5em;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
	color: #666;
	opacity: 0.85;
}

.driver-list .item .thumbs
{
	position: static;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	vertical-align: middle;
}


.driver-list .item .thumbs img
{
	margin: 0 auto;
	width: 50%;
}

.driver-list .item.item-type2 .thumbs
{
	text-align:right;
	padding:30px 30px 30px 0;
}

.driver-list .item.item-type2 .thumbs img {
	width: 75%;
	aspect-ratio: 3/2;
	margin:auto;
}

.driver-list .item .team {
	position: absolute;
	width: 20%;
	left: 20px;
	bottom: 30px;
	z-index: 100001
}

	.driver-list .item .team img {
		width: 100%;
		height: auto;
	}

@media screen and (max-width:991px) {
	.driver-list {
		min-height: 500px;
		padding-top: 0;
		padding-bottom: 30px;
	}
	.pg-drivers .sub-team-cate
	{
		padding-bottom:5px;
	}
	.pg-drivers .sub-team-cate a {
		padding: 6px 8px;
		font-size: 1.25em;
	}
}
