@charset "utf-8";
.video_list .mask .inner .s,.more_video .s { background:url(../images/video_2017_sp.png) no-repeat 0 0;}

.zx-gg img { width:100%; height:auto; vertical-align:top;}

.video_nav { margin:20px 0 0; border:1px solid #eee; border-right:0 none; border-radius:4px; position:relative; z-index:1; *zoom:1;}
.video_nav li { float:left;}
.video_nav li a { display:block; border-right:1px solid #eee; font-size:16px; padding:0 15px; line-height:36px; height:36px;}
.video_nav li a:hover { background-color:#f9f9f9;}
.video_nav li:first-child a { border-top-left-radius:4px; border-bottom-left-radius:4px;}
.video_nav li:last-child a { border-top-right-radius:4px; border-bottom-right-radius:4px;}
.video_nav li.selected a,.video_nav li.selected a:hover { background-color:#f78115; color:#fff; cursor:default;}
.video_nav .more { position:absolute; top:0; right:0;}
.video_nav .more a {}

.video_list { width:1200px; overflow:hidden;}
.video_list ul { width:1250px;}
.video_list li { float:left; margin:20px 21px 0 0; width:223px; position:relative; z-index:1; *zoom:1;}
.video_list .img { display:block; width:223px; height:152px; vertical-align:top;}
.video_list .tit { display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden; word-break:break-all; padding:0 8px; background-color:#f4f4f4;}
.video_list .mask { display:none; position:absolute; top:0; right:0; top:0; height:152px; width:100%; background-color:#000; background-color:rgba(0,0,0,.5);}
.video_list .mask .inner { display:block; margin:15px; height:120px; border:1px solid #fff;}
.video_list .mask .inner .s { display:block; position:absolute; top:50%; left:50%; margin:-17px 0 0 -30px; width:60px; height:34px;}
.video_list .mask .inner .view {  display: block; position:absolute; bottom:18px; left:15px; right:15px; text-align:center; color:#fff; font-size:14px;}
.video_list li a { display:block;}
.video_list li a:hover .mask { display:block;}
.video_list li a:hover .tit { background-color:#ffcd2e; color:#fff;}

.more_video { margin:30px 0;}
.more_video a { margin:0 auto; display:block; border:1px solid #f78115; border-radius:6px; color:#f78115; text-align:center; font-size:16px; width:400px; line-height:40px; height:40px;}
.more_video .s { display:inline-block; *display:inline; *zoom:1; width:31px; height:19px; overflow:hidden; background-position:-368px -1px; vertical-align:middle; margin-right:6px;}
.more_video a:hover { background-color:#fff7ef; color:#f78115;}