.video-header img{width: 100%;}

section{background: #f4f4f4;}
section .video-container{width: 78.2%; margin: 0 auto;}

.video-header .desc{
	width: 700px;position: absolute;top: 12%;
	left: 50%;margin-left: -350px;
	color: #fff;text-align: center;
}
.video-header .desc h3{font-size: 36px;font-weight: 700;letter-spacing: 5px;}
.video-header .desc p{margin-top: 10px;letter-spacing: 5px;font-size: 16px;}

.video-container .list-title{margin-left: 30px;}
.video-container .list-title li{float: left; margin: 30px 24px; position: relative;}
.video-container .list-title li p{color: #303030; height: 40px; line-height: 40px; font-size: 22px; font-weight: 600; cursor: pointer;}
.video-container .list-title li p em.line{position: absolute; width: 100%; height: 1px; background: #00a1e9; left: 0; bottom: 0;}

/* 视频列表 */
.video-container .list-video li{float: left; width: 24.1%; margin-right: 1.2%; margin-bottom: 20px; border-radius: 5px;}
.video-container .list-video li a{display: block; background: #fff; border-radius: 5px;}
.video-container .list-video li a:hover{color: inherit; animation:aimate 0.5s forwards;}
.video-container .list-video li:nth-of-type(4n){margin-right: 0px;}
.video-container .list-video li img{width: 100%;}
.video-container .list-video li .li-des{padding: 10px 25px 27px;}
.video-container .list-video li .li-des p{height: 56px; line-height: 56px; font-size: 16px; color: #000;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
.video-container .list-video li .li-des span{padding: 6px 15px; border-radius: 8px; color: #34b2ed; display: inline-block; text-align: right; border:1px solid #34b2ed; float: right;}


@keyframes aimate{
	from{
		box-shadow: none;
	}
	to{
		box-shadow: 3px 3px 4px #aaa;
	}
}