.videoListBox { width: 100%;margin:50px 0 20px;}

.videoItemer{ float: left; display: inline-block; width:228px; margin-right: 15px; margin-bottom: 15px; background-color: #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.videoItemer:nth-child(5n){margin-right: 0;}
.videoItemer .vItemerImg{ position: relative; width: 100%; height: 137px; z-index: 2;}
.videoItemer .vItemerImg img{width: 100%;}

.vItemerName{ padding: 8px;}
.vItemerName .vTitle{ height: 36px; line-height: 18px; margin-bottom: 5px;overflow:hidden;}
.vItemerName .vTitle a{ font-size: 14px; font-weight: 600;}
.vItemerName .vInfo{ height: 18px; line-height: 18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.vItemerName .infoNm{ color: #666; font-size: 12px;}

.vItemerImg .videoPlay{  position: absolute; left: 50%; top: 50%; opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1.3); transform: scale(1.3);width: 34px; height: 32px; background: url(../images/video-icon.png) no-repeat center center scroll; margin-left: -17px; margin-top: -16px;   z-index: 9;}
.vItemerImg .vCover{position: absolute; left: 0; top: 0; width:100%; height: 100%; background: rgb(0, 0, 0, 0); z-index:5;}
.vItemerImg .videoType{position: absolute; right: 10px; top: 10px; display: inline-block; font-size: 12px; color: #FFFFFF; padding: 2px 8px; line-height: 1.4em; border-radius: 3px;  background-color: rgb(255, 145, 0); z-index: 9;}
.vItemerImg  a:hover .videoPlay{ opacity: 1; filter: alpha(opacity=1);}
.vItemerImg  a:hover .vCover{  background: rgb(0, 0, 0, 0.2);}
.videoItemer.itemerHover{box-shadow: 0px 10px 25px 0px rgba(40, 40, 40, 0.1);}

.posNav{ border-bottom: 1px solid #e2e2e2;}

.videoListCont .videoHeader{ margin: 20px 0;}
.videoCatid{ margin-bottom: 20px;}
.videoCatid li{ float: left;}
.videoCatid li a{ display: inline-block; padding: 10px 32px; font-size: 14px;}
.videoCatid li.side_active a,.videoCatid li a:hover{ color: #FFF; background-color: rgb(255, 136, 0);}


.play-list {padding:20px 20px 8px 20px;}
.play-list .playListItem{height:75px;margin-bottom:16px;}
.play-list .playListItem.playItemActive{background:#2099ff;}
.play-list .playListItem a{ display: block;height:75px; color:#FFF;}
.play-list .playListItem a:hover {background:#404040; color:#ff7800;}
.play-list .playImg {float:left; width: 100px; height: 75px;}
.play-list .playItemName {float:left;width:145px;}
.play-list .playItemName p { font-size: 14px; height:60px;line-height:20px;overflow:hidden;margin:6px 10px;}

.videoInfo{ background-color: #FFF; padding:20px; margin-bottom: 20px;}
.videoInfo h3{ font-size: 24px; line-height: 1.8em; margin-bottom: 10px;}
.infoTags span{ color: #666;}

.videoContentBox .vContLeft{ float: left; width:900px;}
.videoContentBox .vContRight{ float: right; width:280px;}

.vContBox{ background-color: #FFF;}
.vListRecomd{ background-color: #FFF;}
.vContHeader{ padding:12px 20px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.vContHeader span{ font-size: 18px; border-bottom: 2px solid #ff7800; color: #ff7800; padding-bottom: 11px;}

.vListRecomdHeader{ padding:12px 20px; border-bottom: 1px solid #eee;}
.vListRecomdHeader span{ font-size: 18px;}
.vListRecomdList{ padding: 20px;}
.vListRecomdList .videoItemer{ float: none; width: 240px; margin-right: 0; margin-bottom: 15px; padding-bottom:7px; border-bottom: 1px solid #eee;}
.vListRecomdList .videoItemer .vItemerImg{ height: 147px;}
.vListRecomdList .vItemerName .vTitle a{ font-size: 16px;}
.vListRecomdList .vItemerName .infoNm{ font-size: 14px;}


.easeEffect{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}