/*本css只针对视频页面的样式 2016-10-09*/

.vedioshow{ width: 93.7%;padding: 30px 3.5% ; }
.vedioshow .swipeboxEx{ margin-right:-1%;}
.vedioshow .video-list{ width:24%; position: relative; overflow:hidden; margin-bottom: 20px; margin-right:1%;padding-bottom: 40px; }
.vedioshow .video-list .video-box {width:100%;height: 100%;background-size:100% 100%; margin-bottom: 10px; position: relative;}
.vedioshow .video-list .box-mask{ width:100% ; height:85%; position: absolute; top: 0; left: 0;background:rgba(0, 0, 0, 0)!important;filter:alpha(opacity=0);  background-color: #000;}
.vedioshow .video-list .video-box:hover .box-mask{ background:rgba(0, 0, 0, 0.1)!important;filter:alpha(opacity=10);  background-color: #000;}
.vedioshow .video-list .play-icon { display:block; width: 65px; height: 65px; background: url(http://js.699pic.com/images/play-icon.png);opacity:1;visibility:visible;position: absolute; top:0; left: 0;bottom: 0;right: 0;margin: auto; transition: all 0.3s cubic-bezier(.26,1.02,.55,1.17)}
.vedioshow .video-list .video-box:hover .play-icon { opacity:0; visibility: hidden;}
.vedioshow .video-list .video-icon{ height: 30px;position: absolute; bottom: 0;left: 0;width: 100%;}
.vedioshow .video-list .video-icon .video-name{ color: #666; font-size:14px; line-height: 30px }
.vedioshow .video-list .video-icon .icon-collect,.vedioshow .video-list .video-icon .icon-download{ width:90px; height: 28px; border:#e4e4e6 1px solid; border-radius: 2px; line-height:28px; color: #666; margin-left:10px; text-align: center;  }
.vedioshow .video-list .video-icon .icon-collect i{ display: inline-block; width:14px; height: 14px; background: url(http://js.699pic.com/images/video-icon.png) 0 0  no-repeat; vertical-align:-1px; margin-right: 3px;}
.vedioshow .video-list .video-icon .icon-download i{ display: inline-block; width:14px; height: 14px; background: url(http://js.699pic.com/images/video-icon.png) -16px 0  no-repeat; vertical-align:-3px; margin-right: 3px;}
.vedioshow .video-list .icon-download:hover,.vedioshow .video-list .icon-collect:hover{ border:#2f9fda 1px solid; color: #2f9fda;}
.vedioshow .video-list .icon-collect:hover i{ background-position: 0 -21px; }
.vedioshow .video-list .icon-download:hover i{ background-position: -16px -21px; }
.vedioshow .video-list .video-box img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.vedioshow .video-list .video-box:hover img{
	display: none;
}

/*更多相似视频*/
.Similar-video{ width: 1200px; margin: 0 auto; }
.Similar-video p{ padding:10px 0px; }
.Similar-video .Similar-con{   margin-right:-16px } 
.Similar-video .Similar-list{ width: 290px; margin-right:14px; margin-bottom:10px; }
.Similar-video .Similar-list .video-box{ width: 290px; height: 163px; position: relative; overflow: hidden;}
.Similar-video .Similar-list .box-mask{ width:100% ; height:163px; position: absolute; top: 0; left: 0;background:rgba(0, 0, 0, 0)!important;filter:alpha(opacity=0);  background-color: #000;}
.Similar-video .Similar-list .video-box:hover .box-mask{ background:rgba(0, 0, 0, 0.1)!important;filter:alpha(opacity=10);  background-color: #000;}
.Similar-video .Similar-list .play-icon { display:block; width: 65px; height: 65px; background: url(http://js.699pic.com/images/play-icon.png);position: absolute; top:-80px; left: 112px; transition: all 0.6s cubic-bezier(.26,1.02,.55,1.17)}
.Similar-video .Similar-list .video-box:hover .play-icon { top:50px; }
.Similar-video .Similar-list .video-name{ color: #666; font-size:14px; line-height: 30px; width: 100%; overflow: hidden;  height: 30px;}

@media screen and (max-width:1500px) and (min-width:1000px){
	.vedioshow .video-list{ width:32.23%; position: relative; overflow:hidden; margin-bottom: 20px; margin-right:1% }
}