@charset "UTF-8";
.player{ background:#000;}
video,embed,object{display: block;}
.row.gutter-collapse { margin-left: 0; margin-right: 0; }
.row.gutter-collapse > div { padding-left: 0; padding-right: 0; }
.btn-success{
	background:#55abff!important;
	border:none!important;
	}
.btn-success:active{
	background:#1082f0!important;
	}
@media( max-width:1920px) and (min-width:1400px){
	.header{
/*	background:url(text_03.png) no-repeat center;*/
	margin-top:20px; margin-bottom:20px;
	}
	}

@media( max-width:1400px) and (min-width:1200px){
	.header{
/*	background:url(cccc_03.png) no-repeat center;*/
	margin-top:20px;
	}
	}

@media( max-width:1200px) and (min-width:960px){
/*	.header{background:url(cccc_03.png) no-repeat center;}*/
	}
	
.header img{height:auto ;  margin: 0 auto;}
.pyaler #flashpyaler{ width:640px; height:480px;}
@media (max-width:641px){
	.header img{ max-width:100%;}
	.pyaler{width:auto;}
	.pyaler #flashpyaler{ width:100%; height:auto;}

}

.top-bar { background: #036; height: 50px; overflow: hidden; }
@media (max-width:767px){
	.top-bar { display:none; }
}

.top-bar .navbar-brand {float: left; margin: 5px 0; opacity: 0.8; }
.top-bar .navbar-brand img { display: block;}
.top-bar .navbar-brand:hover { opacity: 1; }
.top-bar .navbar-nav { margin: 0; float: left; }
.top-bar .navbar-nav li { float: left; }
.top-bar .form-search { margin: 10px 0; width: 200px; }
.top-bar .form-search input[type='text'] { padding: 5px; font-size: 14px; height: 30px; }
.top-bar .form-search .btn { padding: 6px 10px; font-size: 14px; height: 30px; line-height: 14px; }

.box-title{ color:#fff;  line-height: 1em;  font-weight:bolder; position:relative;}/*border-left: 5px solid #FDD003;padding-left: 15px;*/
/*.box-title-inverse{border-left: 5px solid #e82828;}*/
.box-title img{    position: absolute;    right: 0;    bottom: 0;}
.box-title-inverse{ color:#333;}

.navbar{ float:left;}
.navbar li{ float:left;}
.navbar li a{ color:#EEE;}
.navbar li a:hover{ color:#fff;}


.mainbox{
	overflow:hidden; position:relative;
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:30px;
	background-color:#092840;
	background-attachment:fixed;
}
.header,.main{ position:relative; z-index:10;}

#video-player{ width:100%; height:auto; display:none;position: relative;}

.weibo{ background:#fff; padding:3px; opacity: 0.9; transition: all 0.3s;}
.weibo:focus,.weibo:hover{ opacity:1;}

@media( max-width:1200px) and (min-width:960px){
	.weibo iframe{height:320px}
}
@media(max-width:959px){
	.weibo{ opacity:1;}	
}
@media(max-width:767px){
	#cmplayer{
		margin-top:0!important}
	.box-title {
    color:#333;
	margin-top:0!important;
    /*border-left: 5px solid #e82828;*/
}
	.header{ height:auto; padding:0 15px;margin-top:0;}
	.header img{ margin:15px 0;}
	#cmplayer{ margin:0 -15px;}
	.weibo{ padding:0;}
	
	/*.box-title{ color:#333;}*/
	.bdsharebuttonbox { display:none !important;}
	ul.bdsharebuttonbox.bdshare-button-style0-16{display:block!important}
}
.pyaler-info{ background:#EFEFEF; padding:15px; padding-right:15px;}


#cmplayer{ background:#000;}

.footer{background:#fff;padding:30px 0; text-align:center;}
.footer a{color:#333}
.footer a:hover{color:#F55}
.footer em{font-style:normal;margin:0 8px;color:#AAA}
.footer small em{margin:0 4px}
.header img{ width:770px; height:auto ;  margin: 0 auto;  display: block;}


/*分享到*/
.shareto{ position:fixed; bottom: 0; z-index:200; text-align: center; border-radius: 0;  width:100%; opacity:0;filter: alpha(opacity=0);
transition: transform 300ms; -webkit-transition: -webkit-transform 300ms;  
-webkit-transform: translateY(100%);  -ms-transform: translateY(100%); transform: translateY(100%);}
.shareto.active{-webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0); opacity:1;}
.shareto h3{  padding: 10px 0; margin: 0 10px; font-weight: 400; text-align: center; color: #555; background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-right-radius: 2px; border-top-left-radius: 2px;}
.shareto hr{margin:0 10px;}
.shareto ul{  margin: 0 10px;  padding: 15px 0 0 0; background-color: #f8f8f8; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden;}
.shareto ul li{  width: 33.33333333%;  margin-bottom: 1.2rem; float:left; list-style:none;}
.shareto ul li a{float:none;display:block; background:url(share-icon.gif) top center no-repeat;padding:42px 0 0;  width: 60px;  margin: 0 auto;}
.shareto ul li a.share-to-sina{background-position:center 0 ;}
.shareto ul li a.share-to-tqq{background-position: center -80px ;}
.shareto ul li a.share-to-people{background-position: center -160px ;}
.shareto ul li a.share-to-weixin{background-position: center -240px ;}
.shareto ul li a.share-to-sqq{background-position: center -320px ;}
.shareto ul li a.share-to-qzone{background-position: center -400px ;}
.shareto .shareto-footer {padding:10px;}
.shareto .shareto-footer button.btn{width:100%; border-radius:0; padding:10px;}

.side-fixed-button {
	position:fixed;
	right:0;
	bottom:30px; z-index:100;
}
.side-fixed-button a {
	display:block;
	width:48px;
	height:48px;
	background:#ddd url("btn.gif");
	opacity:.8
}
.side-fixed-button a.back-to-top{display:none}
.side-fixed-button a.app {
	margin-top:10px;
	border-radius:50%;
	background-position:0 -48px;
}
.side-fixed-button a:hover {
	opacity:1
}
.screen-cover {
	position:fixed;
	top:0;
	z-index:20;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	display:none;
}
.title h2,.title h1{text-align:center;}
.title h2{margin:0;font-size:42px}
.title strong{display: block;color: #383838;text-shadow: 2px 1px 0px #e6bebe;margin-bottom: 10px;text-align: center;font-size: 1.3em;line-height: 1em;}
.title span{font-size: 55px;line-height: 39px;color: #f1c2c4;padding-left: 1em;text-shadow: 1px 1px 1px red;}
.title small{color:#312b2b;}

.site-name img{display:block;}
.des{margin-bottom:15px;}
.des .left p{width: 7em;margin:0;line-height: 2em;}
.des .left{float:left;}
.des span{display:block}
.box-title img {bottom: -5px;}
.btn-success {
    background: #e82828;
    border: 1px solid #EA0000;
}
.btn-success:hover, .btn-success.active {
    background:#EF0606;
    border: 1px solid #EA0000;
}
.pyaler-info {
    background: #F8F8F8;
}
.pyaler-info h3{ font-size:18px; margin:0; padding:0; line-height:2em;}
.pyaler-info p{ font-size:16px; color:#666; line-height:1.5em; text-indent:2em;}

@media(max-width:767px){
.box-title-s { color:#fff;}
.mainbox{ background:none;}
.pyaler-info h3{ font-size:18px}
}
@media(min-width:960px){
	.video{ padding-right:0!important;}
.comment{ padding-left:0!important;}
}

.talk{
	background:#292929;
	
	}
.talk .comment{ font-size:28px; color:#fbbb71; margin:15px 0 0 18px;}
.talk ul{
	background:#333;
	margin-left:18px;
	}
.talk ul li p{ color:#fff; font-size:12px; padding:20px; border-radius: 12px; background: #292929;}	
.talk ul li img{ width:40px; height:40px; border-radius:50%;}
@media(min-width:960px)and(max-width:1200px){
	
	}	

/*往期直播*/
.liveVideo{ margin-top:30px;}
.liveVideo h3{ text-align:center}
.liveVideo h3 a{color:#fff;font-weight:700; position:relative; font-size:28px;}
.liveVideo h3 a::after{
    content:''; width:300px; height:10px; position:absolute; bottom:-15px; left:-84px;
	background: -webkit-linear-gradient(left, rgba(26,35,201,0.1) , rgba(26,35,201,1), rgba(26,35,201,0.1));
	background: -o-linear-gradient(right, rgba(26,35,201,0.1) , rgba(26,35,201,1), rgba(26,35,201,0.1));
	background: -moz-linear-gradient(right,rgba(26,35,201,0.1) , rgba(26,35,201,1), rgba(26,35,201,0.1));
	background: linear-gradient(to right, rgba(26,35,201,0.1) , rgba(26,35,201,1), rgba(26,35,201,0.1));
	}
@media(max-width:767px){ 
	.liveVideo{ margin-top:20px}
	.liveVideo h3{ text-align: left}
	.liveVideo h3 a{color:#333;font-weight:700; font-size:20px}
	.liveVideo h3 a::after{ width:0; height:0;}
	
}
.live-video a{display:block;position:relative; margin-bottom:14px;}.live-video a span.img{display:block}.live-video a span.img img{width:100%;height:auto;display:block}.live-video a span.desc{display:block;color:#333;background:#fff;padding:5px 10px; font-size:18px; line-height:1.5em; background:#f8f8f8;}.live-video a b.imgbtn{background:url(play-bj.png) no-repeat;width:50px;height:50px;opacity:0;filter:alpha(opacity=0);position:absolute;top:30%;left:45%;transition:all .3s}@media (max-width:1200px) and (min-width:960px){.live-video a b.imgbtn{top:26%;left:41%}}.live-video a:hover span.desc{color:#f55}.live-video a:hover .imgbtn{opacity:1;filter:alpha(opacity=1)} 
.live-video a .img{ overflow:hidden;}
.live-video a:hover .img img{ transform: scale(1.06)}
.live-video a:hover .img img{  transition:0.3s;}
@media(max-width:767px){
	.live-video a span.desc{ font-size:14px;}
	}

/*/往期直播*/




/*评论*/
.comments { background: #333; padding: 10px 15px; overflow:hidden }

.comments .comments-title { color: #fdbb71; font-size: 18px; border-bottom: 1px solid #444; padding-bottom: 5px; }

.comments .comments-title small { float: right; margin-top: 8px; }

.comments dl.item { overflow: hidden; display: block; margin-bottom: 10px; font-size: 14px; }

.comments dl.item dt { float: left; width: 36px; height: 36px; margin-right: -10px; }

.comments dl.item dt img { display: block; border-radius: 50%; margin-top: 5px; border: 2px solid #ddd; }

.comments dl.item dd { padding-left: 50px; }

.comments dl.item dd .userinfo { color: #7b0; }

.comments dl.item dd .userinfo strong { margin-right: 10px; }

.comments dl.item dd .userinfo span { font-size: 80%; color: #888; }

.comments dl.item dd p { color: #EEE; margin: 0; font-size: 80%; }

.comments #iscroll-wrapper { overflow: hidden; position: relative; }

.comments #iscroll-wrapper .iScrollIndicator { border: none !important; }

@media(max-width:767px){
	#iscroll-wrapper{ height:310px!important;}
	}




/*/评论*/
.player-info{ padding-left:15px}

@media(max-width:767px){
	.liveplayer{ margin-top:0}
	#player{ margin:0 -15px}
	.pyaler-info{ margin:0 -15px}
	.site-name{ margin:0 -15px}
	}
#player object{ display:block;}	

@media (max-width:768px) {
    .bdshare-slide-button {
        display: none!important
    }
}

/*滚动条*/

#scrollbar {
    width:100%;
    margin:0 auto;
}
#scrollbar .scrollbar {
    position: relative;
    background-position: 0 0;
    float: right;
    width: 1%;
}
#scrollbar .track {
    height: 100%;
    width: 6px;
    position: relative;
}
#scrollbar .thumb {
    background: #000;
    height: 20px;
    width: 6px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
}
#scrollbar .viewport {
    width: 99%;
	height:449px;
    overflow: hidden;
    position: relative;	
}
/*@media(min-width:1400px){
	#scrollbar .viewport { height:449px}
	}
@media(min-width:1200px)and(max-1399px){
	#scrollbar .viewport { height:449px}
	}	
	*/
	
#scrollbar .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}



/* 分割线 */

.app-download { margin:0 -15px; padding:15px; background:#f8f8f8; }

.app-download:before, .app-download:after { content: " "; display: table; }

.app-download:after { clear: both; }

.app-download .icon { float: left; width: 50px; height: 50px; background-color: #EEE; overflow: hidden; border-radius: 5px; box-shadow: 0 0 5px #888; margin-right: 1em; }

.app-download .desc { float: left; }

.app-download .desc p { margin: 0; }

#iscroll-iewrapper{ overflow-y:scroll; display:none;}

@media(min-width:1400px){
	#iscroll-iewrapper{ height:464px;}
	}
@media(min-width:1200px)and(max-width:1400px){
	#iscroll-iewrapper{ height:390px;}
	}	
@media(min-width:960px)and(max-width:1200px){
	#iscroll-iewrapper{ height:290px;}
	}	

.header h2{
	margin-top:1.5em;
	bottom:0;
	left:0;
	color:#FFF;
	font-size:36px;
	font-weight:bolder;
}

@media( max-width:1400px) and (min-width:960px){
	#weibo-iframe{ height:314px;}

}
@media( max-width:960px){
	.comments{
		background-color: #f8f8f8;
		padding: 0;
		margin: 15px 0;
	}
}