.banner {
	height: 255px;
}

.video_list {
	position: relative;
	width: 1110px;
	height: 100%;
	margin: 0 auto;
}

.video_list ul {
	position: absolute;
	top: 96px;
	left: 0;
	margin: 0 -8px;
}

.video_list ul li {
	float: left;
	width: 162px;
	margin: 0 8px;
}

.video_list ul .big-pic {
	width: 196px;
	margin-top: -11px;
}

@media screen and (max-width: 1110px) {
	.video_list {
		width: 98%;
		margin:0 auto;
	}

	.video_list ul li:nth-child(2),
	.video_list ul li:nth-child(3),
	.video_list ul li:nth-child(4),
	.video_list ul li:nth-child(5) {
		display: none;
	}
}

@media screen and (max-width: 410px) {
	.video_list ul li {
		width: 127px;
		height: auto;
	}

	.video_list ul .big-pic {
		width: 140px;
	}
}

.video_list li a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.video_list li a:hover {
	color: #fff;
}

.l-pic {
	position: relative;
	height: 90px;
	border: 2px solid #3f3f3f;
	vertical-align: bottom;
}

.l-pic em {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.2);
}

.big-pic .l-pic {
	height: 109px;
}

.l-pic img {
	width: 100%;
	height: 100%;
}

.l-title {
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	color: #999;
}

.l-write {
	color: #fff;
}

.big-pic .l-title {
	color: #eae9e6;
}

.box {
	margin-top: 20px;
	background: #fff;
}

.content {
	padding-top: 0;
	margin-bottom: 50px;
}

.list {
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 20px;
	overflow: hidden;
	cursor: pointer;
}

.list:hover {
	background: #fcfcfc;
}

.list h3 {
	display: inline-block;
	margin-right: 18px;
	font-size: 16px;
	color: #333;
}

.list span {
	font-size: 14px;
	color: #999;
}

.list em {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url(../images/video/down.png) no-repeat ;
	margin-top: 4px;
	margin-left: 5px;
}

.list .up {
	background: url(../images/video/up.png) no-repeat;
}

.down {
	height: 84px;
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0px 0;
	margin: 0 20px;
	overflow: hidden;
}

.down .fr {
	margin-top: 14px;
}

.down .fl a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #333;
	overflow: hidden;
} 

@media screen and (max-width: 1110px) {
	.content {
		width: 98%;
	}
	.down {
		height: auto;
	}
	.down .fl {
		float: none!important;
	}

	.down .fr {
		float: none!important;
	}
}

@media screen and (max-width: 640px) {
	.list .fr {
		display: none;
	}
}

.down .fl a img {
	width: 64px;
	height: 64px;
	margin:  0 16px;
}


.down a span {
	display: inline-block;
	width: 54px;
	height: 64px;
	line-height: 64px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.down .fl p {
	display: inline-block;
	vertical-align: middle;
	margin: -8px 0 0;
	font-size: 24px;
	color: #99a2aa;
}

.down .fr li {
	float: left;
	width: 100px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.down .fr li {
		margin-bottom: 4px;
	}

	.down .fl a img {
		display: none;
	}
}

.down .fr li a {
	display: block;
	width: 88px;
	height: 36px;
	background: #bcc0c4;
	border-radius: 2px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
}

.down .fr li a:hover {
	background: #989da2;
}

.down .fr li a i {
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/video/p.png) no-repeat;
	margin-right: 4px;
	margin-top: -2px;
}



/* 浮层 */
.bgscreen {
	z-index: 9999;
}

.f-box {
	position: relative;
	width: 1070px;
	background: #fff;
	border-radius: 4px;
	padding: 0px 20px 20px;
	margin: 130px auto 0;
}

.hot {
	height: 72px;
	line-height: 72px;
}

.hot a {
    display: inline-block;
    height: 24px;
    border: 1px solid #eaeaea;
    padding: 0 10px;
    margin-top: 6px;
    margin-right: 6px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}


.hot a.click {
	background: #313131;
	color: #fff;
} 

.f-list ul {
	margin: 0 -10px;
}

.f-list li {
	float: left;
	width: 198px;
	margin: 0 10px 12px;
	text-align: center;
}

.f-list li a {
	position: relative;
	display: block;
	width: 100%;
}

.f-list li img {
	width: 100%;
	height: 112px;
	margin-bottom: 4px;
}

.f-list li span {
	display: block;
	text-align: center;
	margin-top: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.f-box .close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 16px;
	height: 16px;
	background: url(../images/video/close.png) no-repeat;
	cursor: pointer;
}

.bgscreen .player {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width:100%;
	height: 112px;
	background: rgba(0,0,0,.4) url(../images/video/icon_bofang_da.png) no-repeat center center;	
}

.con {
	width: 100%;
}