@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;font-style:normal;}
body{font-family:"微软雅黑","Arial","宋体";  font-size: 12px; }   
em{font-style:normal}
li{list-style:none}
a{text-decoration:none; cursor: pointer;  font-size:12px;}
a:hover{text-decoration: underline;}
img{border:none; vertical-align:top;}
table{border-collapse:collapse;}
textarea{ resize:none;overflow:auto;}  
html{min-width: 1080px;}
/*清浮动*/

 

/* scroll */

.jspContainer
{

	width:100%;
	position: relative; 
}

.jspPane
{
	position: absolute; 
	width: 100%;
	padding: 30px;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0px;
	width: 6px; 
	background: red;
	padding-bottom: 100px;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0px;
	display: none;	
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #252525;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

/*.jspHorizontalBar .jspDrag{display: none;}*/
.jspHorizontalBar .jspTrack 
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}
 

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
} 
/*.jspVerticalBar{background: url("../images/scrolltip.png") repeat-y;}*/
.jspTrack {
	/*background: url("../images/scrollbg.png") repeat-y;*/
}

.jspDrag {
	background: url("../images/scrolltip.png") repeat-y; 
} 
.jspTrack .jspActive, .jspTrack .jspHover {
	background: url("../images/scrolltip.png") repeat-y;
}

.jspArrow {
	background: url(../images/ui-icons_222222_256x240.png) no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspVerticalBar > .jspActive, .jspArrow:hover {
	background-image: url('../images/ui-icons_cd0a0a_256x240.png');
}

.jspVerticalBar > .jspDisabled, .jspVerticalBar > .jspDisabled:hover {
	background-color: transparent;
	background-image: url('../images/ui-icons_888888_256x240.png');
}

.jspVerticalBar .jspArrow {height: 15px;}

 

.jspArrowUp {background-position: 0 0;}

.jspArrowDown {background-position: -64px 0 !important;}














.header{height: 48px; width: 100%; background: #000; border-top:2px solid #da3023;}
.footer{height: 358px; background: #383838; border-top: 1px solid #ddd}
.w1420{width: 1200px; margin: 0 auto;}
.w1420 .clearfix:after{content: ""; display: block; clear: both;}   
.w1420 .clearfix{zoom:1;} 
.w1420 .fl{float: left;}
.w1420 .fr{float: right;}   
.transition{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;}
.loading{width: 100%; height: 100%; display: table;}
.loading .inner{display: table-cell; vertical-align: middle;text-align: center; color: #ff7000; font-size: 14px;}
/* new add nav */ 
.vedioCnt{ width: 100%; min-width: 100px; margin:0 auto; font-family:"微软雅黑","Arial","宋体"; background: #e9a26f; padding-bottom: 1px;  font-size: 12px; }
.vedioCnt ul{list-style: none; padding: 0; margin:0; }
.vedioCnt .clearfix:after,.vedioCnt:after{content: ""; display: block; clear: both;}   
.vedioCnt .clearfix,.vedioCnt{zoom:1;} 
.vedioCnt .nav{padding-top: 18px; line-height: 77px; }
.vedioCnt .nav .jstvLogo{float: left;width: 160px;height: 60px; background: url("../images/logo.png") no-repeat; margin:19px 20px 0 6px; display: inline; }
.vedioCnt .nav ul{float: left; margin-left:8px;}
.vedioCnt .nav li{float: left; padding: 0 0 0 5px; line-height: 77px; height: 77px;}
.vedioCnt .nav li a{color: #fff; font-size: 22px; text-decoration: none;}
.vedioCnt .nav li.active a,.vedioCnt .nav li a:hover{color:#d73027;}
.vedioCnt #flashContent{height: 506px;}
.vedioCnt .liveBox{line-height:61px; height: 61px; color:#fff;background-color: #252525;}
.nowliving{font-family:"微软雅黑","Arial","宋体"; font-size: 18px;}
.vedioCnt .liveBox .liveShare{float: right;  }
.vedioCnt .share{position: relative; } 
.vedioCnt .share .shareText i{display: inline-block; width: 18px; height: 22px; margin-top: -2px; background: url("../images/share-gray.png"); vertical-align: middle; margin-right: 7px;}
.vedioCnt .share .shareText{font-size: 14px; color:#c7c7c7; text-decoration: none;}
.vedioCnt .share .shareText:hover{color:#db2e27;}
.vedioCnt .share .shareText:hover i{ background: url("../images/share-orange.png"); }
.vedioCnt .share .close{position: absolute; top:11px; right:9px; background: url("../images/share-close.png") no-repeat; cursor: pointer; width: 11px; height: 11px;}
.vedioCnt .share .well{position: absolute; z-index: 100; background: #fff; top: 61px; box-shadow: 1px 1px #cecece; -webkit-box-shadow: 1px 1px #cecece;-moz-box-shadow: 1px 1px #cecece;-ms-box-shadow: 1px 1px #cecece;}
.vedioCnt .share .well em{position: absolute; top:-7px; left: 154px; width: 14px; height: 7px; background: url("../images/traggle.png") no-repeat;}
.vedioCnt .share .shareWell{width: 462px; padding-left: 7px; height: 95px; left: -130px;}
.vedioCnt .share .shareWell li{float: left; width: 55px; height: 95px;padding-top: 23px; text-align: center;}
.vedioCnt .share .shareWell li a.jiaWord{display: block; line-height: 31px; color: #9a9a9c; text-decoration: none; cursor: pointer;}
.vedioCnt .share .shareWell li a.jiaIcon span{display: none!important; }
.vedioCnt .share .shareWell li a.jiaWord span{background: none;line-height: 31px!important; color: #9a9a9c!important; font-size: 12px; padding-left: 0px!important; margin: 0px!important; width: 100%; text-align: center;}
.vedioCnt .share .shareWell li a.jiaWord span:hover{color: #ff7000!important;}
.vedioCnt .share .shareWell li:hover a.jiaWord{color:#db2e27 }
.vedioCnt .share .shareWell li a.jiaIcon{width: 35px; height: 35px; margin: 0 auto; display: block; background: url("../images/shareicon.png") no-repeat;}
.vedioCnt .share .shareWell li.xinlang a.jiaIcon{background-position:0 0;  }
.vedioCnt .share .shareWell li.qq a.jiaIcon{background-position:-35px 0;  }
.vedioCnt .share .shareWell li.tengxun a.jiaIcon{background-position:-70px 0;  }
.vedioCnt .share .shareWell li.renren a.jiaIcon{background-position:-105px 0;  }
.vedioCnt .share .shareWell li.qqHaoyou a.jiaIcon{background-position:-140px 0;  }
.vedioCnt .share .shareWell li.weixing a.jiaIcon{background-position:-175px 0;  }
.vedioCnt .share .shareWell li.pengyou a.jiaIcon{background-position:-210px 0;  }
.vedioCnt .share .shareWell li.tieba a.jiaIcon{background-position:-245px 0;  } 
 
.tvWrap{height: 568px; width: 1120px; position: relative;  padding-right: 300px;  margin:0 auto; box-shadow: 1px 1px #1c2021;-webkit-box-shadow: 1px 1px #1c2021; -moz-box-shadow: 1px 1px #1c2021; -ms-box-shadow: 1px 1px #1c2021;} 
.tvWrap .flash{/*width:1120px;*/ width: 100%; height: 568px;overflow:hidden; background: #000000;}
.tvWrap .clearfix:after,.tvWrap:after{content: ""; display: block; clear: both;}   
.tvWrap .clearfix,.tvWrap{zoom:1;} 
.tvWrap .fl{float: left;}
.tvWrap .fr{float: right;} 
.chkBg::selection,.listCnt::selection{background:none; } 
.chkBg::-webkit-selection,.listCnt::-webkit-selection,.programList::-webkit-selection{background:none; } 
.chkBg::-moz-selection,.listCnt::-moz-selection,.programList::-moz-selection{background:none; } 
.chkBg::-ms-selection,.listCnt::-ms-selection,.programList::-ms-selection{background:none; }  

.tvWrap .tvListWrap .fold i,.programWrap .programList .btn,.programWrap .programList .btn,.programWrap .picBox .play i,.tvWrap .btn,.tvWrap .listCnt .line .circulation,.programWrap .programList li em{background: url("../images/icons.png") no-repeat;}

.tvWrap .tvListWrap{height: 568px;overflow:hidden; position: absolute; top:0px; right: 0px; width: 299px; }
.tvWrap .tvList{background: #252525; height: 100%; position: relative; overflow: hidden;  }
.tvWrap .tvListWrap .fold{width: 18px; height: 68px; position: absolute; top:313px; left: 0px;background-color:#313131;z-index: 200; cursor: pointer; }
.tvWrap .tvListWrap .fold a{ width: 18px; height: 68px;  text-align: center; line-height: 68px;display: block; }
.tvWrap .tvListWrap .fold span{color: #fff;line-height: 14px; display: none;}
.tvWrap .tvListWrap .fold i{width: 11px; height: 10px;background-position:-55px 0; display: inline-block;}
.tvWrap .tvListWrap .unfold{height: 100%; top:0px;}
.tvWrap .tvListWrap .unfold span{display: block; width: 100%; display: inline-block; text-align: center;}
.tvWrap .tvListWrap .unfold .block{position: absolute; top:313px; left: 0px;}
.tvWrap .tvListWrap .unfold i{background-position:-66px 0; }
.tvWrap .tvHd{height: 52px; width: 270px; padding-left: 26px; position: relative; background: #383838; margin-bottom: 27px;}
.tvWrap .tvHd .wrap{margin-top: 1rem;width: 100%; height: 100%; position: relative;overflow: hidden;}
.tvWrap .tvHd ul{position: absolute; right: 0px; top:0px;  width: 100%; height: 100% }
.tvWrap .tvHd li{float: left; cursor: pointer; width:68px; text-align: center;  height: 100%; line-height:52px; color:#afafaf; }
.tvWrap .tvHd li.nowDay{width: 54px;}
.tvWrap .tvHd li:hover{color: #ff7000}
.tvWrap .tvHd li.active{color: #fff; background: #ff7000; }
.tvWrap .btn{position: absolute; left: 10px; top:21px; width: 10px; height: 12px; cursor: pointer;}
.tvWrap .btn-prev{background-position: 0 0;}
.tvWrap .btn-next{background-position: -10px 0; display: none;}
.tvWrap .listCnt{padding-left: 19px; width: 280px; /*height:692px;*/height:797px; padding-bottom: 105px; outline: none; }
.tvWrap .listCnt .line{width: 272px;   padding:5px 0; font-size: 14px; line-height: 21px; color:#d6d5d5; cursor:pointer; background: #383838; margin-bottom: 13px;}
.tvWrap .listCnt .line .circulation{width: 16px; height: 17px; background-position: -21px 0; margin-right: 5px; margin-top: 2px;}
.tvWrap .listCnt .line .circulation1,.tvWrap .listCnt .line .circulation2{display: none; margin-right: 11px;  }
.tvWrap .listCnt .line:hover .circulation{background-position: -38px 0;}
.tvWrap .listCnt .line:hover{color:#ff7000; }
.tvWrap .listCnt .line.active{background: #bf7338; color: #d6d5d5}
.tvWrap .listCnt .line.active .circulation{display: none;}
.tvWrap .listCnt .line.active .name,.tvWrap .listCnt .line.hasLive .name{width: 96px;}
.tvWrap .listCnt .line.active .circulation1{display: block;} 
.tvWrap .listCnt .line.hasLive .circulation2{display: block;} 
.tvWrap .listCnt .line.hasLive .circulation1,.tvWrap .listCnt .line.hasLive .circulation{display: none;}

.tvWrap .listCnt .line .time{width: 83px; vertical-align: top; padding-left: 8px; display: inline-block;}
.tvWrap .listCnt .line .name{display: inline-block; width:140px; padding:0 6px; }
.tvWrap .listCnt .line.disabled{color: #8b8b8b}
.tvWrap .listCnt .line.disabled .circulation{display: none; }
.tvWrap .listCnt .jspPane .loading{ margin-top: 258px;}
.tvWrap .listCnt .loading{height: 19px; margin-top: 285px; 	}

.programWrap{background:#eceaeb; min-width: 1000px;}
.programWrap .programList{height: 249px; padding-top:21px; position: relative; }
.programWrap .programList .btn{position: absolute; top:112px; width: 40px; height: 76px; cursor: pointer;}
.programWrap .programList .btn-prev{background-position: -40px -122px; left: -50px;}
.programWrap .programList .btn-prev:hover{background-position: 0 -122px; background-color: #ff7000;}
.programWrap .programList .btn-next{background-position: 0 -46px;right: -50px;}
.programWrap .programList .btn-next:hover{background-position: -40px -46px;background-color: #ff7000;}
.programWrap .programList .wrap{height:212px; padding-top: 20px; overflow: hidden; position: relative;}
.programWrap .programList ul{position: absolute; top:20px; left: 0px; margin-left: -13px;  width: 2000px;}
.programWrap .programList li{float: left; padding: 8px 7px 0; margin-left: 13px; margin-right: 12px; border-radius: 2px; position: relative; cursor: pointer;}
.programWrap .picBox{position: relative;width: 250px; height: 155px; overflow: hidden;}
.programWrap .picBox img{width: 100%; height: 100%; transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1);}
.programWrap .picBox .mask{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background:#000; background:rgba(0,0,0,.64); display: none; z-index: 1;}
.programWrap .picBox .play{width: 86px; height: 36px; background:#ff7000 ; background: #ff7000; border-radius: 5px; z-index: 5; padding-left: 10px; line-height: 36px; text-align: center; color: #fff; font-family: "宋体"; display:none; position: absolute; top: 60px; left: 50%; margin-left: -48px;   }
.programWrap .picBox .play i{position: absolute; left: 9px; top:11px; width: 16px; height: 16px; background-position: -82px 0; vertical-align: middle;  }
.programWrap .tvBox{height: 49px; line-height: 49px; width:230px; text-align: center; color:#393939; font-size: 16px; } 
.programWrap .tvBox i{display: inline-block; margin-right: 7px; width: 28px; height: 28px; background: url("../images/tvicon.png") no-repeat; vertical-align: middle; } 
.programWrap li.cctv13 .tvBox i{background-position: -336px 0; width: 42px;}  
.programWrap li.cctv1 .tvBox i{background-position: -378px 0; width: 42px;}  
.programWrap li.gq .tvBox i{background-position: 0 0;}
.programWrap li.cs .tvBox i{background-position: -28px 0;}
.programWrap li.gg .tvBox i{background-position: -56px 0;}
.programWrap li.zy .tvBox i{background-position: -84px 0;}
.programWrap li.ys .tvBox i{background-position: -112px 0;}
.programWrap li.ty .tvBox i{background-position: -140px 0;}
.programWrap li.jy .tvBox i{background-position: -168px 0;}
.programWrap li.pd .tvBox i{background-position: -196px 0;}
.programWrap li.lz .tvBox i{background-position: -224px 0;}
.programWrap li.gj .tvBox i{background-position: -252px 0;}
.programWrap li.gw .tvBox i{background-position: -280px 0;}
.programWrap li.kt .tvBox i{background-position: -308px 0;}
.programWrap li.xw .tvBox i{background-position: -336px 0; width: 42px;} 
.programWrap .picBox .playName{color:#f7f7f7; width: 100%; height: 34px;line-height: 34px; text-align: center; background: url("../images/slide_mask.png") repeat-x; position: absolute; bottom: 0px; left: 0px; display: none; z-index: 10;}
.programWrap .picBox .playName2{display: block;}
.programWrap .programList li:not(.active):hover img{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.programWrap .programList li em{width: 29px;height: 20px; background-position:0 -20px; position: absolute; top:-20px; left: 50%; margin-left: -15px; display: none;}
.programWrap .programList li.active{background: #fff;}
.programWrap .programList li.active .playName2{display: none;}
.programWrap .programList li.active em,.programWrap .programList li.active .play,.programWrap .programList li.active .mask,.programWrap .programList li.active .playName1{display: block;}

.column h3{height: 42px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 40px;}
.column h3 span{font-weight:normal; position: absolute; width: 125px; height: 83px; color:#333; font-size: 26px; line-height: 83px; background: #ecebeb;}
.column ul{margin-left: -13px; padding-bottom: 100px;}
.column li{	width: 262px; height: 158px; float: left; margin:0 12px 26px;}
.column li img{width: 100%; height: 100%;}
    



.lt-ie9 .IE1500 .w1420{width: 1200px;}
.lt-ie9 .IE1500 .tvWrap{ width: 1200px; } 
.lt-ie9 .IE1500 .tvWrap .flash{width:900px;}
.lt-ie9 .IE1500 .programWrap .programList li{float: left; padding: 8px 3px 0; margin-left: 5px; margin-right: 4px; border-radius: 2px; position: relative; cursor: pointer;}
.lt-ie9 .IE1500 .programWrap .picBox{position: relative;width: 230px; height: 155px; overflow: hidden;}
.lt-ie9 .IE1500 .column ul{margin-left:-5px;}
.lt-ie9 .IE1500 .column li{	width: 217px; height: 150px; float: left; margin:0 12px 26px;}
.lt-ie9 .IE1240 .w1420{width: 980px;}
.lt-ie9 .IE1240 .tvWrap{ width: 980px; } 
.lt-ie9 .IE1240 .tvWrap .flash{width:681px;}
.lt-ie9 .IE1240 .programWrap .programList li{float: left; padding: 8px 3px 0; margin-left: 5px; margin-right: 6px; border-radius: 2px; position: relative; cursor: pointer;}
.lt-ie9 .IE1240 .programWrap .picBox{position: relative;width: 230px; height: 155px; overflow: hidden;}
.lt-ie9 .IE1240 .column ul{margin-left:-5px;}
.lt-ie9 .IE1240 .column li{	width: 173px; height: 119px; float: left; margin:0 12px 26px;}
/* screen auto */ 
@media(max-width: 1500px) and (min-width: 1240px){
	.w1420{width: 1200px;}
	.tvWrap{ width: 900px; padding-right: 300px; } 
	/*.tvWrap .flash{width:900px;}*/
	.programWrap .programList li{float: left; padding: 8px 3px 0; margin-left: 5px; margin-right: 4px; border-radius: 2px; position: relative; cursor: pointer;}
	.programWrap .picBox{position: relative;width: 230px; height: 155px; overflow: hidden;}
	.column ul{margin-left:-5px;}
	.column li{	width: 217px; height: 150px; float: left; margin:0 12px 26px;}
}
/* screen auto */ 
@media(max-width: 1239px){
	.w1420{width: 980px;}
	.tvWrap{ width: 680px;  padding-right: 300px; } 
	/*.tvWrap .flash{width:681px;}*/
	.programWrap .programList li{float: left; padding: 8px 3px 0; margin-left: 5px; margin-right: 6px; border-radius: 2px; position: relative; cursor: pointer;}
	.programWrap .picBox{position: relative;width: 230px; height: 155px; overflow: hidden;}
	.column ul{margin-left:-5px;}
	.column li{	width: 173px; height: 119px; float: left; margin:0 12px 26px;}
}