div.video{
	width:732px;
	height:466px;
	background:url('../images/bg_videobg.png') no-repeat center;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
div.video embed{
	width:558px;
	height:349px;
	left:87px;
	top:22px;
	position:absolute;
}

section.main div.mainBox div.videoList ul{
	margin-top:35px;
	width:860px;
}
section.main div.mainBox div.videoList li{
	width:255px;
	height:338px;
	float: left;
	margin:0 30px 35px 0;
	overflow:hidden;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
section.main div.mainBox div.videoList li:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
section.main div.mainBox div.videoList li a.thumb{
	display:block;
	width:251px;
	height:195px;
	border:1px solid #ccc;
	overflow:hidden;
}
section.main div.mainBox div.videoList li a.thumb span{
	display:block;
	width:249px;
	height:193px;
	border:1px solid #fff;
	overflow:hidden;
	position:relative;
}
section.main div.mainBox div.videoList li a.thumb img{
	display:block;
	/*width:100%;*/
	height:195px;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

section.main div.mainBox div.videoList li a.title{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px;
	margin-top:12px;
	height:28px;
	line-height:28px;
}
section.main div.mainBox div.videoList li:hover a{
	color:#0665bf;
}
section.main div.mainBox div.videoList li p{
	font-size:12px;
	color:#666;
	line-height:22px;
	height:44px;
	overflow:hidden;
	margin-top:5px;
}
section.main div.mainBox div.videoList li div{
	margin-top:16px;
}
section.main div.mainBox div.videoList li a.d{
	font-size:13px;
	color:#666;
	line-height:32px;
}
section.main div.mainBox div.videoList li a.c{
	display:block;
	width:104px;
	height:32px;
	line-height:32px;
	color:#fff;
	text-align:center;
	font-size:13px;
	background:#666;
	border-left:3px solid #333;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
section.main div.mainBox div.videoList li a.c:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e20704;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
section.main div.mainBox div.videoList li a.c:hover,
section.main div.mainBox div.videoList li:hover a.c {
    color: #fff;
    border-color:#a90200;
}
section.main div.mainBox div.videoList li a.c:hover:before,
section.main div.mainBox div.videoList li:hover a.c:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}