@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: 20px auto 0px 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 20px;}
.stui-header__logo{float:left;width:33.333333333%;margin-top:5px}
.stui-header__logo .logo{font-weight:bold;font-family:'微软雅黑';font-size:20px;white-space:nowrap;}

.stui-header__search{ float:left; 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(../img/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 li{float:left;width:10%;text-align: center;line-height:40px;}
.stui-header__menu li a{display:inline-block;font-size:15px; 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; width:19.667%;}
.stui-vodlycms_list__thumb{ position: relative; display: block;}
.stui-vodlycms_list__thumb img{width:100%;height:140px;object-fit:cover;}
.stui-vodlycms_list__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
.stui-vodlycms_list__thumb:hover .play{ display: block;}
.stui-vodlycms_list__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-vodlycms_list__title{ font-size: 14px; margin-bottom: 0; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;margin-top:10px;}
.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: 168px;}
    .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; text-align: center;}
	.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: 66.666666666%;}    
    .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;}
}


html,body {height:100%;}
.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;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:50%}
.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 a{color:#000;font-size:11px;display:inline-block;width:35px;line-height:33px;height:35px;margin:20px 5px 5px 0;border:1px solid rgba(0,0,0,.06)}