/*
time: 2016.0826;
author: sy;
describe：programSite layout；
 */

/*
直播页layout programSite
 */
.content{
	width: 744px;
	margin-right:50px;
	overflow: hidden;
}
.aside{width: 208px;}
.slideBox{
	position: relative;
	overflow: hidden;
	margin: 30px 0px;
}
.textTitle{
	height: 31px;
	margin-bottom: 20px;
	color: #ff6600;
	font-size: 20px;
}

.area{margin-bottom: 33px;}
.areaTitle{ height: 31px; 
		width: 100%;
		margin-bottom: 20px;
		position: relative;
		font-size: 20px;
		display: inline-block;}

.areaTitle:before{
	position: absolute;
	display: inline-block;
	height: 31px;
	width: 5px;	
	background-color: #e71e17;
	content: "";
	before: "";
}
.areaTitle:after{
	position: absolute;
	top: 50%;
	display: inline-block;
	height: 1px;
	width: 100%;
	content: "";
	after: "";
	background-color: #d1d1d1;
}
.areaTitle span{
	display: inline-block;
	margin-left: 12px;
	margin-right: 2px;
	margin-top: 4px;
}

.listArea  li{
	width: 170px;
	overflow: hidden;
	float: left; 
	margin-right: 13px;
	margin-bottom: 15px; 
	border: 1px solid #ddd9da;
}

.listArea  li:last-child{
	margin-right: 0px;
	color: #000;
}
.listArea  li  a{
	display: block;
	cursor: pointer;
	color: #000;
}
.listArea  li  a .ugcArea{
	margin: 8px 6px 13px 6px;
}
.listArea  li  a .ugcArea .title{
	margin: 5px 0px;
	font-size: 13px;
	overflow: hidden;
}
.listArea  li  .time{float: right;} 
.listArea  li  a .ugcNum{
	font-size: 12px;
	color: #888686;
}
.listArea  li  a  .cover{
	height: 120px;
	width: 170px;
}

.topNewsList li {
    position: relative;
    width: 655px;
    width: 653px !important;
    height: 270px;
    padding: 33px 0px;
    border: 1px solid #CCC;
}
.newsList li {
    /* height: 140px; */
    padding: 30px 0px;
    border-bottom: 1px solid #d9d7d8;
}





.topList li{margin-bottom: 9px;}
.topList li .num{
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-right: 4px;
	text-align: center;
	color: #fff;
	background-color: #aebbc3;
	font-size: 12px;
}
.topList li .topNum{
	color: #fff;
	background-color: #ff6600;
}
.topList .fistLi{position: relative;}
.topList .fistLi img{height: 119px;width: 100%;}
.topList .fistLi .topNum{
	position: absolute;left: 0px;top: 0px;
	width: 48px;height: 48px;
	line-height: 48px;
	font-size: 20px;
}


.liveTitle{
	margin-top: 30px;
	margin-bottom: 5px;
}
.liveTitle .switchBtn{
	top: 3px;
}
.liveList  li{margin-bottom:28px;}
.liveList  li h2{
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
}
.liveList  li p{
	margin-bottom: 8px;
	font-size: 14px;
}
.liveList  li p i{margin-right: 20px;}



/*
新闻，青海，西宁 layout
 */
.newsSite .content{width: 650px;}
.newsSite .aside{width: 290px;}
.newsSite .aside .underlineTitle{margin-top: 25px;}

.newsList li{
  /* height: 140px; */
  padding: 30px 0px;
  border-bottom: 1px solid #d9d7d8;
}

.newsList .hasPhoto{
	overflow: hidden;
}

.newsList .hasPhoto .thumbImg{
	float: left;
 	width: 200px;
 	height: 140px;
 	overflow: hidden;
 	margin-right: 30px;
  	display: inline-block;
  	*display: inline;
  	*zoom: 1;
}


.newsList .hasPhoto .newsDes{
	float: left;
	width: 420px;
}
.newsList li:hover{
	background-color: #fafafa;
}
.newsList li:hover h3 a{
	 color: #406599;
}
.newsList li:hover img{
	-webkit-transform: matrix(1.04,0,0,1.04,0,0);
    -ms-transform: matrix(1.04,0,0,1.04,0,0);
    transform: matrix(1.04,0,0,1.04,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.newsList li h3{
  font-size: 18px;
  color: #000;
}
.newsList li h3 a{
	font-size: 18px;
  	cursor: pointer;
  	color: #535351;
  	-webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
	color: #000;
}
.newsList li p{
  font-size: 14px;
  line-height: 23px;
  padding: 15px 0px;
  color: #535351;
}
.newsList .hasPhoto  p a{
	display: inline;
	width: 51px;
    float: none;
}
.newsList li img{
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s ease-out;
   transition: all .5s ease-out;
}
.newsList li .newsDes{
  position: relative;
  height: 160px;
}
.newsList li .newsource{    
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 12px;
    width: 100%;
  text-align: right;
}
.newsList li .newsource span{
	color: #656363;
	font-size: 12px;
}

.newsList li .newsource .newsTime{
	margin-right: 20px;
}
.newsList li .newsource .iconMessage{
	margin-left: 10px;
}
.newsList li .detail{
  color: #a10101;
  font-size: 14px;
}
.newsList li .newsource .sourceName{

  margin-left: 10px;
  padding: 2px 5px;
  color: #fff;
  background-color: #219bd6;
}


.topNewsList li{
	position:  relative;
	width: 655px;
    width: 653px !important;
    height: 270px;
    padding: 33px 0px;
    border: 1px solid #CCC;
}
.topNewsList li  .thumbImg{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
	width: 390px;
	height: 268px;
    overflow: hidden;
    margin-right: 30px;
}
.topNewsList li h3 a{
	width: 227px;
	line-height: 30px;
}
.topNewsList li .topIcon{
	width: 365px;
    height: 33px;
    position: absolute;
    background: url("https://www.xntv.tv/css/images/tt.png") no-repeat;
    left: 0px;
}
.topNewsList li img{
	width: 100%;
    height: 100%;
}
.topNewsList li .newsDes{
	height: 275px;
	float: left;
    width: 228px;
}
.topNewsList li .newsDes p a{
	display: inline;
	float: none;
}




.tvList li{
  padding: 12px 0px;
  border-bottom: 1px dotted #6e7173;
}

.tvList li a{
  display: block;
  cursor: pointer;
  color: #6e7173;
  font-size: 15px;
}
.tvList li.top a{color: #bc1c19;}


.tvTopList li{
  height: 52px;
  padding: 10px 0px;
}
.tvTopList li img{
  float: left;
  width: 92px;
  height: 100%;
}
.tvTopList a{
  display: block;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.tvTopList li .tvTopDes{
  margin-left: 102px;
}
.tvTopList li .tvTopDes h4{
  margin-bottom: 5px;
  font-size: 13px;
  color: #2b2b2b;
  font-weight: 100;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.tvTopList li .tvTopDes span{   
  margin-right: 5px; 
  font-size: 12px;
  color: #bbbbbb;
}

/*
subject 专题页 layout
 */


.tvliveSite  .contain{overflow: hidden;}
.tvliveSite  .contain .content{
	width: 655px;
	margin-right: 50px;
} 
.tvliveSite  .contain .aside{
	width: 295px;
} 
.tvliveSite  .adPic{
	width: 100%;
}

.tvliveSite  .ewm{
	margin-top: 30px;
}

.tvliveSite  .adPic .ewm{
	margin-top: 0px;
} 


.tvliveSite  .hotTitle{
	border-bottom: 1px solid #a40f00;
	color: #a40f00;
}
.tvliveSite  .hotTitle span {
	border-bottom: 3px solid #a40f00;
	color: #a40f00;
}

/* .tvliveSite .newsList img{
	width: 309px;
	height: 140px;
	margin-right: 0px;
} */
.newsList .listTitle{
	margin-bottom: 20px;
	font-size: 18px;
}
.newsList .listTitle:hover{
	color: #406599;
}
.newsList .listDescription{
	margin-left: 234px;
}
.tvliveSite .newsList li{
	position: relative;
}
.newsList li .time{
	position: absolute;
	bottom: 15px;
	right: 0px;
}
.newsList li .time span{
	font-size: 12px;
	color: #656363;
}

.newsList a{
	font-size: 15px;
	line-height: 22px;
	color: #666;
}


.hotComment li {margin-top: 20px;} 
.hotComment li .author{margin-bottom: 8px;}
.hotComment li .author .avatar{
	height: 28px;
	width: 28px; 
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
}
.hotComment li .nickName{
	font-size: 16px;
	color: #000;
}
.hotComment li .likeNum{
	color: #adcfe7;
}
.hotComment li .commentC{
	padding: 10px;
	font-size: 14px;
	line-height: 21px;
	color: #040000;
	background-color: #f5f5f5;
}
.hotComment li  .commentUgc{
	padding: 8px 10px; 
}
.hotComment li  .commentTitle{
	margin-bottom: 2px;
	color: #747474;
}
.hotComment li  .commentUgc p{
	font-size: 14px;
	line-height: 21px;
	color: #040000;
}
.hotCommentPage{
	overflow: hidden;
}
.hotCommentPage a{
	display: inline-block;
	margin-top: 15px;
	padding: 5px 5px;
	float: right;
	font-size: 16px;
	color: #898888;
	cursor: pointer;

}

/**
 * photo layout css
 * 图片页面css
 */
.photoSite .content{width: 1002px;}	
.photoSite .content .bannerUl{
	height: 509px;
	position: relative;
}
.photoSite .content .bannerUl .rollArea{}
.photoSite .content .bannerUl .rollArea li{
	position: relative;
	color: #fff;
}
.photoSite .content .bannerUl .rollArea li .title{
	position: absolute;top:100px;left: 25px;
	font-size: 33px;
}
.photoSite .content .bannerUl .rollArea li .dec{
	position: absolute;
	top: 243px;
	left: 25px;
	width: 345px;
	background-color: #000;
	padding: 10px 15px;
	opacity: 0.9;
	z-index: 10;
}
.photoSite .bannerUl .thumbArea{
	position: absolute;
	bottom: 20px;
	left: 50px;
}
.photoSite .bannerUl .thumbArea li{
	float: left;
	width: 70px;
	height: 50px;
	margin-right: 10px;
	border: 1px solid #ddd;
}
.photoSite .bannerUl .thumbArea li:hover{}
.photoSite .bannerUl .thumbArea li.on {
	border:1px solid red;
} 
.photoSite .bannerUl .thumbArea li img{
	display: block;
	width: 70px;
	height: 50px;
	cursor: pointer;
}
.switchBtn .iconArrow{
	position: absolute;
	display: block;
    width: 45px;
    height: 58px;
        top: 50%;
    cursor: pointer;
     margin-top: -29px;
}
.switchBtn .iconArrow.on{}
.switchBtn .next{
	background-image: url("https://www.xntv.tv/css/images/arrows.png");
    left: -50px;
 
}
.switchBtn .prev{
	background-image: url("https://www.xntv.tv/css/images/arrows.png");
 	right: -30px;
    background-position: 50px 0px;
}
.photoSite .advArea{
	margin-top: 23px;
	margin-bottom: 30px;
}

.photoSite .fluid{
	padding-bottom: 45px;
	overflow: hidden;
}
.photoSite .fluid .box{
	width: 289px;
	padding: 0px 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	border:1px solid #ddd;
	float: left;
	overflow: hidden;
}
.photoSite .fluid .box:hover a{
	color: #406599;
}
.photoSite .fluid .box:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.photoSite .fluid .box a{
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.photoSite .fluid .box img{
	width: 283px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.photoSite .fluid .box p{
	font-size: 14px; 
	line-height: 21px;
	color: #525151;
}
.photoSite .fluid .box h3{
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 20px;
	color: #040404;
} 
.photoSite .fluid .box h3 a{
	display: block;
	cursor: pointer;
    color: #040404;
    font-size: 18px;
}
.photoSite .fluid .box .ugcPhoto{
	text-align: right;
	margin-top: 30px;
	font-size: 12px;
	color: #656363;
}
.photoSite .fluid .box .ugcPhoto span{
	margin-right: 5px;
	padding: 2px 2px;
	float: none;
}
.photoSite .fluid .box .ugcPhoto .root{
	padding: 2px 8px;
}
.photoSite .fluid #infscr-loading{
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -70px;
    z-index: 10;
    margin-top: 3px;
    text-align: center;
}

.photoSite .fluid.ieBox .box{
	height: 380px;
}
.photoSite .fluid.ieBox .box img{
	height: 150px;
}
.photoSite .fluid .box p {
	height: 60px;
    overflow: hidden;
}

.photoSite .nav{
	display: none;
}
.photoSite .loadPageArea{
	display: none;
}

/**
 * 节目列表页
 * time:2016/09/26;
 */
.programListSite .container{
	overflow: hidden;
	margin-top: 30px;
}
.programListSite .content{
	width:  650px;
	margin-right: 55px;
}
.programListSite .asideArea{
	width: 297px;
}
.programListSite .hotTitle {
	margin-top: 0px;
}
.programList{
	overflow: hidden;
}
.programList li{
	padding: 33px 0px;
	border-bottom: 1px solid #d9d7d8;
	overflow: hidden;
}
.programList li:hover .dec span{
	 color: #406599;
}
.programList li:hover img{
	-webkit-transform: matrix(1.04,0,0,1.04,0,0);
    -ms-transform: matrix(1.04,0,0,1.04,0,0);
    transform: matrix(1.04,0,0,1.04,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.programList li a{
	display: block;
	font-size: 18px;
	color: #000;
}
.programList img{
	width: 199px;
	height: 150px;
	float: left;
	-webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.programList .dec{
	margin-left: 235px;
}
.programList .dec .name{
	margin-right: 30px;
	color: #535351;
	font-size: 18px;
}
.programList .dec:hover .name{
	color: #406599;
}
 
.programListSite .adPos{
	margin-top: 33px;
}
.programListSite .adPos .adPosTwo{
	height: 247px;
}
.programListSite .adPos  img{
	width: 100%;
	height: 100%;
}

.programListSite  .ewm{
	margin-top: 30px;
}
.programListSite .addAdv .ewm{
	margin-top: 0px;
}


/*
search layout
 */

.searchSite .hotTitle{
	margin-top: 0px;
}
.searchSite .searchTip{
	margin: 10px 0px;
	text-align: center;
	font-size: 17px;
}
.searchSite .searchTip span{
	color: #a40f00;
	font-weight: bold;
}
.searchSite .content{
	width: 682px;
	margin-right: 48px;
}
.searchSite .asideArea{
	width: 272px;
}
.searchList li{
	padding: 28px 0px;
	border-bottom: 1px solid #e3e3e3;
	-webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    transition: 0.5s linear all;
}
.searchList li a{
	display: block;
}
.searchList li:hover{
	background-color: #e3e3e3;
}
.searchList li .title{
	font-size: 16px;
	color: #103b8b;
	font-weight: normal;
}
.searchList li .summary{
	padding: 16px 0px;
	font-size: 14px;
	line-height: 25px;
	color: #000000;
}
.searchList li .summary i{
	color: #027bd0;
}
.searchList li .link{
	font-size: 14px;
	color: #217b05;
}

.hotListNum{
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hotListNum li{
	padding-top: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #e3e3e3;
}
.hotListNum  a {
	color: #585858;
	font-size: 16px;
	line-height: 23px;
}
.hotListNum li a span{
	padding-right: 10px;
}


/*news qh xn listlayout*/
.newsSite  .m_left{
	width:655px;
	height:100%;
	float:left;
}
.newsSite  .m_left .tt{
	width:655px;
	height:275px;
	border:1px solid #CCC;
}

.newsSite .m_left .tt dl .toutiao{
	width:62px;
	height:32px;
	float:right;
	margin-top:25px;
	background:url("https://www.xntv.tv/css/images/tt.jpg") no-repeat;
}

.newsSite .m_right{
	width:295px;
	height:100%;
	float:right;
}
.newsSite .m_right .underlineTitle {
	margin-top: 30px;
}


.newsSite .m_right .ewm{
	margin-top: 30px;
}

.newsSite .m_right .addAdv .ewm{
	margin-top: 0px;
}
.newsSite .m_right ul{
	width:295px;
	margin-top:5px;
}

.newsSite .subjectList{
	margin-top: 33px;
}
.tvList{
	margin-top: 33px;
}


/**
 * index page layout
 */

.indexSite .contain{
	/*margin-top: 20px;*/
	background:#fff;
}
.indexSite .bannerAdv{
	margin: 10px 0px;
}
.indexSite .bannerAdvFirst{
	margin-top: 0px;
}
.indexSite .bannerAdvLast{
	margin-bottom: 20px;
}
.indexSite .m_left{
	width: 655px;
	height: 100%;
	float: left;
}
.indexSite .toutiao{
	margin-top: 30px;
}

.indexSite .toutiao .newsList li{
	height: 140px;
}
 
.indexSite .m_right{
	width:295px;
	height:100%;
	float:right;
}
.indexSite .m_right .ewm{
	width:295px;
	height:337px;
}

.indexSite .main1{
	width:1002px;
	height:100%;
	overflow:hidden;
}
.indexSite .main1 .m1_left{
	width:655px;
	height:100%;
	float:left;
	overflow:hidden;
}

.indexSite .main1 .m1_right{
	width:290px;
	height:100%;
	float:right;
	display:block;
}
.indexSite .main1 .m1_right .ewm{
	margin-top: 15px;
}

.indexSite .main1 .m1_right .gg{
	width: 295px;
	height: 250px;
	margin-top: 10px;
}


.indexSite .main2{
	width: 1002px;
	height: 100%;
	overflow: hidden;
}


.indexSite .wrapperChannel{
  margin-top: 30px;
}
.indexSite .wrapperChannel .titleList{
	position: absolute;
	bottom: 5px;
	right: 0px;
}
.indexSite .wrapperChannel .titleList li{
	float: left;
	margin-right: 2px;
	text-align: center;
    color: #999;
}
.indexSite .wrapperChannel .titleList li a{
	color: #60615a;
	font-size: 13px;
}
.indexSite .wrapperChannel .titleList li i{
    font-size: 13px;
    color: #999;
}

.indexSite .channelList {
	width: 100%;
	overflow: hidden;
}
.indexSite .channelList li{
	width: 200px;
    height: 185px;
    margin-left: 8px;
    margin-right: 8px;
    float: left;
    display: inline;
    position: relative;
    overflow: hidden;
    margin-top: 18px;
}
.indexSite .channelList li .thumb{
	width: 200px;
    height: 155px;
    position: relative;
}
.indexSite .channelList li a{
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.indexSite .channelList li .title{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px 10px;
	width: 96%;
    font-size: 14px;
    z-index: 10;
    color: #FFF;
    font-size: 14px;
    background-color: rgba(0,0,0,0.5);
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexSite .channelList li .smallTitle{
    height: 30px;
    padding: 0px 5px;
    line-height: 30px;
    font-size: 14px;
	color: #60615a;
}
.indexSite .channelList li img{
	width: 200px;
    height: 155px;
}
.indexSite .channelList li .playIcon{
	width: 200px;
	height: 155px;
	position: absolute;
	z-index: 100;
	bottom: -200px;
	background:url("https://www.xntv.tv/css/images/tm.png") no-repeat;
	-webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.indexSite .channelList li:hover .playIcon{
	bottom: 30px;
}

.indexSite .lifeChannel{
	margin-top: 15px;
}


/**
 * 图片展示
 */
.indexSite .picShow{
	margin-top: 25px;
}
.indexSite .picShow .columnsPic{
	position: relative;
	margin-bottom: 6px;
	margin-top: 12px;
} 
.indexSite .picShow .floatPic a{
	display: block;
	overflow: hidden;
}
.indexSite .picShow .floatPic .text{
	position: absolute;
	bottom: 0px;
	padding: 10px 5px;
	line-height: 22px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
	font-size: 14px;
	overflow: hidden;          
}
.indexSite .picShow .columnsPic  a {
	width: 294px;
	height: 295px;

}
.indexSite .picShow a:hover img{
	-webkit-transform: matrix(1.04,0,0,1.04,0,0);
    -ms-transform: matrix(1.04,0,0,1.04,0,0);
    transform: matrix(1.04,0,0,1.04,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.indexSite .picShow .columnsPic  .text{width: 284px;}
.indexSite .picShow .rowpic{
	height: 176px;
	overflow: hidden;
	position: relative;
}
.indexSite .picShow .rowpic .lf{
	width: 48%;
	float: left;
	    margin-right: 11px;
}
.indexSite .picShow .rowpic .rf{
	width: 48%;
	float: left;
}
.indexSite .picShow .rowpic  a{
	height: 175px;
}
.indexSite .picShow   a img{
	width: 100%;
	height: 100%;
	 -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.indexSite .picShow .rowpic  .text{
	width: 130px;
}


/**
 * 主持人
 */
.indexSite .wrapperHost{
	margin-top: 25px;
}
.indexSite .wrapperHost .hostNav{
	width: 295px;
    height: 250px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
}
.indexSite .hostNav .hostList  li{
	float: left;
	width: 295px;
}
.indexSite .hostNav .hostList  li a{
	display: inline-block;
    padding: 0 22px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;