.video-list{width:1220px;margin-top:30px}.video-list .items{width:356px;height:306px;padding:15px;background:#fff;float:left;margin-bottom:27px;margin-right:20px}.video-list .items .video-box{width:100%;height:270px;position:relative;overflow:hidden;line-height:270px}.video-list .items .video-box img{width:100%;height:100%;transition:all .25s linear}.video-list .items .video-box .play-box{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;text-align:center;line-height:270px;color:#fff;cursor:pointer}.video-list .items .video-box .play-box .icon{font-size:47px;opacity:.5}.video-list .items .video-box .v-tit{width:100%;height:37px;display:block;text-align:center;font:700 14px/37px Microsoft YaHei;color:#fff;position:absolute;opacity:1!important;top:233px;left:0;transition:all .25s linear}.video-list .items .video-box .video-bg{width:100%;height:100%;background:url(../resource/mask-6.png);position:absolute;top:233px;left:0;transition:all .25s linear}.video-list .items .dz-btn:hover,.video-list .items .play-btn:hover{color:#00a0e9}.video-list .items .v-btn{margin-top:15px;color:#999;font:normal 14px Microsoft YaHei}.video-list .items .v-btn a{position:relative;cursor:pointer}.video-list .items .v-btn span{font-size:18px}.video-list .items .v-btn .play-btn{margin-right:15px}.video-list .items:hover .icon{opacity:1!important}.video-list .items:hover .video-bg{top:0;transition:all .25s linear}.video-list .items:hover .video-img{transition:all .25s linear;transform:scale(1.1)}.num,.playnum{font-size:14px!important}.filter-wrap2{width:auto;height:50px;margin:0 auto;margin-top:28px;display:inline-block;_dispaly:line;_zomm:1;overflow:hidden;text-align:center;border:1px solid #3c99ff;border-radius:50px}.filter-wrap2 .item{float:left;width:170px;height:100%;cursor:pointer;text-align:center;font:700 16px/50px Microsoft YaHei;border-right:1px solid #3c99ff}.filter-wrap2 .item a{display:block;width:100%;height:100%;color:#3c99ff}.filter-wrap2 .item:last-child{border-right:none}.filter-wrap2 .on{background:#3c99ff}.filter-wrap2 .on a{color:#fff}.filter-wrap2{display:-moz-inline-box;*display:inline}.dz-btn{position:relative}.media-popup{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mKUVdHfzEAEYGIgEowqpI5CgAADAN/9ATf322RYAAAAAElFTkSuQmCC);display:none}.media-hd{position:fixed;right:-100px;top:-100px;z-index:100;width:200px;height:200px;line-height:280px;text-indent:45px;background:#eee;background:hsla(0,0%,100%,.2);border-radius:50%}.media-hd:hover{background:#ddd;background:hsla(0,0%,100%,.3)}.media-hd a{display:block;color:#fff;font-size:30px}.media-content{width:1120px;height:694px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-575px;margin-top:-362px;border-radius:5px;overflow:hidden;padding:15px}.media-title{height:60px;font:normal 24px/60px Microsoft YaHei;color:#00a0e9;position:relative}.media-title .fs{width:20px;height:20px;display:block;position:absolute;right:0;top:20px;font-size:16px;color:#999;cursor:pointer;line-height:18px!important}.media-title .fs:hover{color:#00b9af}.media-title>span{display:inline-block;max-width:85%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-title .media-icon{display:inline-block;margin-right:8px;vertical-align:top;font-size:20px}.shares{position:relative;width:30px;height:100%;color:#666;cursor:pointer}.shares:hover{color:#00a0e9}