@charset "utf-8";
body{ margin:0;font-family:'Helvetica Neue', 'STHeiti', '微软雅黑', 'Microsoft YaHei', Helvetica,Arial,sans-serif;font-size:14px;color:#333;}
ul, ol, li,dt,dd{margin:0;padding:0;list-style:none;}
dl{margin-top:0;margin-bottom:0}
p{margin:0 0 10px;}
img{border:0;vertical-align:middle}
img.img-responsive{ max-width:100%;width:100%;}
input{outline:medium none;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input:focus{border-color:#999;-webkit-box-shadow:inset 0 0px 0px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container {width:980px;margin:0 auto;background-color:#fff;border-radius:5px;}
.container:before,.container:after,.clearfix:before, .clearfix:after{ display:table;content:" ";clear:both;}

h2,h3,h4,h5,h6{ font-weight:400;}
a,button{ text-decoration:none;outline:none;}
a,h1, h2, h3, h4, h5, h6{ color:#333333;}
a:focus,a:hover,a:active{ text-decoration:none;color:#229900;}
.text-muted{ color:#282828;}
.text-center{ text-align:center;}
.split-line{display:inline-block;margin-left:12px;margin-right:12px;width:1px;height:14px;vertical-align:-2px;background-color:#eee;}

.head{ padding:10px 0;margin-bottom:10px;border-bottom:1px solid #eee;}
.stui-header__top{position:relative;height:90px;padding:0;}
.stui-header__logo{float:left;width:33.333333333%;margin-top:10px}
.stui-header__logo img{height:60px;}

.stui-header__search{ float:right;position:relative;width:280px;margin-top:30px;}
.stui-header__search .form-control{display:block;width:100%;height:35px;padding:6px 45px 6px 10px;font-size:12px;line-height:32px;border-radius:5px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;background-color:#f5f5f5;color:#999;border:1px solid #999;}
.stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:35px;height:35px;border:0;cursor:pointer;background:url(../images/icon_10.png) center no-repeat;border:1px solid #999;}

.stui-header__user{float:right}
.stui-header__user li{ float:left;position:relative;padding:35px 0 10px;margin-left:30px}

.stui-header__menu{margin:0;background-color:#333;color:#fff;}
.stui-header__menu:before{ content:"";position:absolute;top:-10px;right:0;width:0;height:0;border-width:10px 0 0 10px;border-style:solid;border-color:transparent transparent transparent #ccc;}
.stui-header__menu:after{ content:"";position:absolute;top:-10px;left:0;width:0;height:0;border-width:0 0 10px 10px;border-style:solid;border-color:transparent transparent  #ccc transparent;}
.stui-header__menu ul{padding-left:20px;}
.stui-header__menu li{float:left;width:10%;line-height:32px;}
.stui-header__menu li a{display:inline-block;font-size:13px;color:#fff;text-align:center;}
.stui-header__menu li.active a,.stui-header__menu li a:hover{color:#f00;}


.stui-pannel{margin-bottom:10px;padding:10px;overflow:hidden;border:1px solid #eee;}
.stui-pannel:before{content:" ";position:absolute;bottom:0;right:0;width:100%;height:1px;}
.stui-pannel:last-child{ margin-bottom:0;}
.stui-pannel:last-child:before{ display:none;}

.stui-pannel__head{ padding:0 10px;margin-bottom:10px;line-height:25px;}
.stui-pannel__head .title{ margin:0;}


.stui-vodlist li{position:relative;float:left;padding:10px 10px 5px 10px;width:20%;}
.stui-vodlist__thumb{ position:relative;display:block;}
.stui-vodlist__thumb img{width:100%;height:140px;object-fit:cover;}
.stui-vodlist__thumb .play{display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.1) url(../images/play.png) center no-repeat;}
.stui-vodlist__thumb:hover .play{ display:block;}
.stui-vodlist__thumb .pic-text{display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#FFFFFF;}
.stui-vodlist__title{ font-size:14px;margin-bottom:-5px;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;margin-top:5px;}
.stui-link__text li{ float:left;width:16.666666%;margin-bottom:10px;line-height:25px;padding:0 10px;}

.stui-vodlist .stui-content__detail{float:left;padding-left:10px;padding-right:10px;width:100%;font-size:14px;}
.stui-content__detail .title{margin:0 0 10px;line-height:25px;}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .data li{float:left;margin-right:20px}
.stui-content__detail .desc{padding-left:42px}
.stui-content__detail .desc .left{margin-left:-42px}
.stui-content__detail .playbtn{margin-top:20px}
.stui-content__detail .playbtn a{ display:inline-block;width:120px;height:32px;line-height:32px;text-align:center;border-radius:5px;font-size:12px;background-image:linear-gradient(to right, #ff9569 0%, #e92758 100%);color:#fff;}
.stui-content__detail .playbtn a:hover{background-image:linear-gradient(to right, #00cd00 0%, #00f5ff 100%);}
.stui-content__desc{ line-height:25px;color:#666;padding:10px}
.stui-player__detail{float:left;width:100%;font-size:14px;margin:10px auto}
.stui-player__detail .title{margin:0;line-height:25px;}

.stui-content__playlist{ position:relative;padding:10px 0 0 10px;}
.stui-content__playlist li{float:left;width:12.5%;padding-bottom:10px;padding-right:10px;}
.stui-content__playlist li a{display:block;position:relative;padding:5px 10px;text-align:center;border:1px solid #8b8b8b;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:16px;}
.stui-content__playlist li.active a{ background-color:#333;border:1px solid #333;color:#fff;}
.stui-player{ padding-left:10px;padding-right:10px;color:#333;font-size:16px;}
.stui-player__video{ background-color:#000;}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0;}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:70.25%}

.stui-page{margin:20px 0;}
.stui-page li{display:inline-block;margin-left:5px}
.stui-page li .num,.stui-page li a{display:inline-block;padding:5px 15px;border-radius:4px;background-color:#fff;border:1px solid #eee;}
.stui-page li.active a,.stui-page li.disabled a{ background-color:#333;border:1px solid #333;color:#fff;}

.pull-right{ float:right !important;}
.stui-foot{ padding:20px;text-align:center;color:#666;}

.hide{ display:none !important;}
.top_ads{ margin-bottom:10px;}

@media (max-width:767px){
.head{ padding-left:10px;padding-right:10px;}
.container{ width:100%;margin:0;border:0;border-radius:0;}
.stui-header__top{ height:60px;padding:0 10px;}
.stui-header__logo{ margin-top:-5px;padding:0;}
.stui-header__logo .logo{margin:0;padding:0;}
.stui-header__search{ float:none;width:auto;margin:0;position:absolute;top:15px;right:10px;left:268px;}
.stui-header__search .form-control{ height:30px;line-height:30px;border-radius:5px;padding:6px 40px 6px 10px;border:0;}
.stui-header__search .submit{ width:30px;height:30px;}    
.stui-header__menu{margin:0 0 10px 0}
.stui-header__menu:before,.stui-header__menu:after{ display:none;}
.stui-header__menu ul li{width:25%;line-height:38px;}
.stui-pannel{padding:5px;}
.stui-pannel__head{ padding:0 5px;margin-bottom:5px;}
.stui-link__text li{width:33.333333%;padding:5px;line-height:15px;}	
.stui-vodlist .stui-content__detail{float:left;width:100%;}    
.stui-player{ padding-left:5px;padding-right:5px;}
.stui-player img{ width:100%;}
.hidden-xs {display:none!important;}
.top_ads{ margin-bottom:5px;}	
.stui-vodlist li{ width:49.333333%;padding:5px;}
.stui-content__detail{ padding:0 10px;}
.stui-content__detail .data{ margin-bottom:5px;}
.stui-content__detail .playbtn{ margin-top:10px;padding:0;}
.stui-content__detail .playbtn a{ width:80px;height:28px;line-height:28px;}	
.stui-content__playlist{ padding:5px 0 0 5px;}
.stui-content__playlist li{ width:33.333333%;}
.stui-content__playlist li a{ font-size:12px;}
.stui-page {padding-bottom:10px}
.stui-page li{float:left;width:20%;margin:0;padding:0 4px 0 4px;}
.stui-page li a{display:block;padding:5px 0;text-align:center}
.stui-page li .num {padding-right:10px;}
.gundong {overflow-y:auto;height:100px;}
}
.full-top{margin-top:20px;}
.full-bottom{margin-bottom:20px;}
.imgPlay {width:100%;height:100%;} 
.imgPlay img{margin:5px;max-width:310px;_width:expression(this.width > 310 ? "310px" :this.width);}
.post-title {display:block;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;overflow:hidden;width:100%;}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-play{padding-bottom:56.25%}
.embed-responsive-headphones{padding-bottom:20%}
.embed-responsive-4by3{padding-bottom:70%}
.propa_left1,.propa_left2,.propa_left3{z-index:9999;}
.propa_right1,.propa_right2,.propa_right3{z-index:9999;}
.propa_bottom{z-index:9999;}
.color-white{color:#fff!important}
.opacity-50{opacity:.5}
.bg-highlight{background-color:#1c212a!important;color:#fff}
.pagination-round a{border-radius:35px}
.pagination{width:100%;text-align:center;margin-bottom:20px;}
.pagination li{display:inline-block;}
.pagination a{color: #fff;font-size:12px;display:inline-block;width:35px;line-height:33px;height:35px;margin:20px 5px 5px 0;border:1px solid rgba(0,0,0,.06);background-color: #1c212a!important;}
.pagination .pagenow{opacity: .5;color: #fff;font-size:12px;display:inline-block;width:35px;line-height:33px;height:35px;margin:20px 5px 5px 0;border:1px solid rgba(0,0,0,.06);background-color: #1c212a!important;}
.btn-submit{width:100%;text-align:center;padding:10px;transition:all .1s linear;display:inline-block;background:#222;color:#fff;border:none;font-weight:500;cursor:pointer;border-radius:3px}
.btn-submit:hover{background:#E93255;color:#fff}.btn-submit:focus{outline:0}button{border:none;cursor:pointer}
.goog-te-banner-frame {display:none;}
#google_translate_element2 {display:none;}