@charset "utf-8";
/* CSS Document */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0; font-size:12px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
a,html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button,span{cursor:pointer; font-family:宋体; outline:none;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body{background:#fefefe;font-family:宋体;}
.clear{ width:0px; height:0px; clear:both;}
/*头部位置*/
.a-head-bg{ width:1000px; margin:0 auto;overflow:hidden;}
.logo{ float:left; margin:25px 0 25px 0;}
.a-search{ float:right; margin-top:44px;}
.tel{ background-image:url(http://www.talkabitx.com/img/res/images/live/tel.png); background-repeat:no-repeat; width:258px; height:31px; margin-bottom:8px;}
.a-search input{ width:230px; height:28px; float:left; border:1px solid #eaeaea;}
.a-search button{ width:30px; height:30px; background-image:url(../images/live/search.png); border:0px;float:left;}
.a-adress{ clear:both; padding:5px 3px 5px 20px;}
#a-nowdaress{font-size:14px; color:#ff552e; font-weight:bolder;}
.a-adress a,.a-adress{ color:#666666; font-size:14px;}
.a-adress a:hover{ color:#01af63;}
/*导航位置*/
.a_nav_bg{ width:100%; background-image:url(http://www.talkabitx.com/img/res/images/live/navbg.png);}
.a_nav{ width:1000px; margin:0 auto;line-height:50px; height:50px;}
.a-zhhu{ display:block; float:right; width:150px; line-height:48px;  color:#ffffff;}
.a_nav a{ display:block; color:#ffffff; font-size:14px; padding-left:25px; padding-right:25px; }
.a_nav li{ position:relative;float:left; height:50px;}
.a_nav a:hover{ font-weight:bolder; background-color:#1bcd77;}
.a-zhhu a{ padding:0 6px; display:inline-block;}
.a-zhhu a:hover{ background-image:url(../images/live/navbg.png); height:46px;}
.a_nav-zhibo{ position:absolute; background-color:#3f3f3f;top:50px;left:0; z-index:1000; display:none;}
.a_nav-zhibo a{ line-height:45px; padding:0 32px;}
.fl{ float:left;}
.fr{ float:right;}
.mr{ margin-right:15px;}
/*banner*/
.flexslider{position:relative;height:420px;background:url(http://www.talkabitx.com/img/res/images/live/loading.gif) 50% no-repeat; overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:595px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/live/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:30%;}
.flex-direction-nav li a{display:block;width:98px;height:200px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:100px;background:url(http://www.talkabitx.com/img/res/images/live/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:100px;background:url(http://www.talkabitx.com/img/res/images/live/right.png) center center no-repeat;}

/*主体部分*/
.mainwrapper{
	width:996px;
	margin:0 auto;
	}
.mainwrapper .livemodel{
	width:100%;
	height:auto;
	padding-top:54px;
	padding-bottom:24px;
	overflow:hidden;}
.livemodel .leftcolumn{
	width:298px;
	float:left;}
.livemodel .middlecolumn{
	width:378px;
	float:left;}
.livemodel .rightcolumn{
	width:316px;
	float:right;}
.leftcolumn .toptitle{
	width:auto;
	font-size:24px;
	color:#333333;
	padding:24px 0px; 
	line-height:100%;
	}
.leftcolumn .liveintro{
	padding-left:22px;
	}
.leftcolumn .liveintro p{
	line-height:34px;
	font-size:14px;
	color:#666;
	padding-bottom:20px;
	}
.leftcolumn .liveintro ul li{
	padding-left:17px;
	font-size:14px;
	padding-bottom:6px;
	background:url(../images/live/livevideoimg.jpg) no-repeat left 3px;
	}	
.leftcolumn .liveintro ul li a,.leftcolumn .liveintro .button span a{
	text-decoration:underline;
	color:#45cde4;
	}
.leftcolumn .liveintro .button{
	padding-top:43px;
	}
.leftcolumn .liveintro .button span{
	width:102px;
	height:32px;
	overflow:hidden;
	float:left;
	margin-right:30px;
	background:url(../images/live/livebutton.jpg) no-repeat left top;
	line-height:32px;
	text-align:center;
	}
.middlecolumn ul li{
	padding-right:27px;
	padding-bottom:30px;
	overflow:hidden;
	float:left;
	width:162px;
	height:151px;
	}
.middlecolumn ul li img{
	width:162px;
	height:151px;
	}
.rightcolumn ul li{
	margin-bottom:30px;
	position:relative;
	}	
.rightcolumn ul li img{
	width:315px;
	height:151px;
	vertical-align:top;
	}
.rightcolumn ul li span{
	width:315px;
	height:151px;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	z-index:100;
	cursor:pointer;
	background-color:#000;
    filter:alpha(opacity=50);  
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;  
	opacity: 0.5;  
	background-image:url(../images/index/play.png)  ;
	background-repeat:no-repeat;
	background-position:center center;
			}
.mainwrapper .videolistcon{
	width:100%;
	height:auto;
	clear:both;
	border-top:1px solid #cecece;
	overflow:hidden;
	}
.videolistcon ul li{
	width:320px;
	float:left;
	position:relative;
	}
.videolistcon ul li .bg{
	display:none;
	width:320px;
	height:405px;
	position:absolute;
	left:0px;
	top:90px;
	cursor:pointer;
	background-color:#000;
    filter:alpha(opacity=50);  
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;  
	opacity: 0.5;  
	background-image:url(../images/index/play.png)  ;
	background-repeat:no-repeat;
	background-position:center center;
	}
.videolistcon ul li p.listitle{
	font-size:24px;
	line-height:100%;
	padding-top:33px;
	padding-bottom:33px;
	color:#333333;
	}	

.videolistcon ul li img{
	width:320px;
	height:405px;
	}


	
.videolistcon ul li p.desc{
	padding-top:12px;
	padding-bottom:12px;
	line-height:28px;
	font-size:15px;
	color:#000;
	}
.videolistcon ul li span,.videoadcon ul li span{
	display:inline-block;
	padding-left:20px;
	font-size:14px;
	margin-top:10px;
	background:url(../images/live/liveico.jpg) no-repeat left 2px;
	margin-bottom:45px;
}
.videolistcon ul li span a,.videoadcon ul li span a{
	color:#0000c8;
	}

.videoadcon{
	width:100%;
	height:auto;
	overflow:hidden;
	}
.videoadcon p.videoadtitle{
	width:100%;
	padding-top:32px;
	padding-bottom:32px;
	line-height:100%;
	font-size:20px;
	color:#333333;
	border-top:solid 1px #cecece;
	}
.videoadcon ul li{
	width:488px;
	overflow:hidden;
	}
.videoadcon ul li img{
	width:488px;
	height:auto;
	vertical-align:top;
	}
.videoadcon ul li dl dt{
	padding-left:20px;
	float:left;
	font-size:12px;
	padding-right:20px;
	line-height:100%;
	padding-top:14px;
	padding-bottom:14px;
	overflow:hidden;
	background:url(../images/live/livevideoimg.jpg) no-repeat left center;
	}
.videoadcon ul li dl dt a{
	text-decoration:underline;
	color:#45c5dc;
	}
	
.bottomcon{
	width:100%;
	padding-top:30px;
	overflow:hidden;
	}
	
.bottomcon ul li{
	padding-left:142px;
	padding-top:35px;
	border:solid 1px #eeeeee;
	width:176px;
	overflow:hidden;
	height:120px;
	margin-bottom:40px;
	}
.bottomcon ul li h1{
	line-height:100%;
	font-size:18px;
	color:#333333;
	}
.bottomcon ul li p{
	line-height:20px;
	font-size:14px;
	color:#666666;
	padding-top:6px;
	padding-right:30px;}
.ico1{
	background:url(../images/live/liveico1.jpg) no-repeat 64px 32px;}
.ico2{
	background:url(../images/live/liveico2.jpg) no-repeat 64px 32px;}
.ico3{
	background:url(../images/live/liveico3.jpg) no-repeat 64px 32px;}
.mr15{
	margin-right:17px;
	}
	
/** watch 详细页面**/	
.watch{
	width:100%;
	overflow:hidden;
	}
.watch-fl{
	width:205px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	background:#2d2d2d;
	}
watch-fl-logo{
	width:178px;
	overflow:hidden;
	
	}
.watch-fl-logo img{
	width:178px;
	height:auto;
	margin-bottom:15px;
	}
.watch-fl .search{
	width:142px;
    padding: 4px 5px 4px 0px;
    background-color: #252525;
    border: 1px solid #323232;
	border-left:0px;
    margin-bottom: 10px;
	font-size:12px;
	outline:none;
	color:#a9a98c;
	font-family:宋体;
	}
.watch-fl button{
	width:32px;
	height:26px;
	overflow:hidden;
	float:left;
	background-color: #252525;
    border: 1px solid #323232;
	border-right:0px;
	background-image:url(../images/live/center.png);
	background-position:10px -556px;
	background-repeat:no-repeat;
	}
.watch-fl h6{
	margin-top:10px;
	padding-bottom:10px;
	font-weight:500;
	line-height:100%;
	font-size:12px;
	color:#6e6e6e;
	}
.watch-fl .watchbtn{
	width:205px;
	padding-bottom:13px;
	font-size:13px;
	overflow:hidden;
	}
.watch-fl .watchbtn a{
	width:75px;
	font-size: 12px;
    padding: 5px 0px 6px 0px;
	color:#fff;
	float:left;
	margin-right:26px;
	margin-bottom:17px;
	text-align:center;
	background:#525252;
	border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	overflow:hidden;
	}
.watch-fl .watchbtn a:hover{
	background:#e33836;
}

.watch-fl .blank{
	border-top:1px solid #4c4c4c;
	width:190px;
	hanging-punctuation:1px;
	overflow:hidden;
	}
.watch-fl img{
	width:178px;
	height:auto;
	}

.watch-fl .watchbutton{
	width:190px;
	height:34px;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:30px;
	background:#f34b46;
	text-align:center;
	color:#fff;
	font-size:14px;
	text-decoration:underline;
	line-height:34px;
	border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	display:block;
	}
.watch-fl .watchbutton:hover{
	background:#e33836;
	}
.watchleftbutton{
	position:fixed;
	width:16px;
	height:100px;
	overflow:hidden;
	left:220px;
	top:50%;
	background:url(../images/live/arrow.png) no-repeat left top;
	margin-top:-50px;
	font-size:15px;
	font-family:宋体;
	color:#fff;
	line-height:100px;
	cursor:pointer;
	}
.enable{
	left:0px;
	}

.watchrightbutton{
	position:fixed;
	width:16px;
	height:100px;
	overflow:hidden;
	right:260px;
	top:50%;
	background:url(../images/live/arrow.png) no-repeat 0px -100px;
	margin-top:-50px;
	font-size:15px;
	font-family:宋体;
	color:#666;
	line-height:100px;
	text-align:center;
	cursor:pointer;
	}
.enable2{
	right:0px;
	}	
.watch-fr{
    width: 230px;
    background-color: #e6e6e6;
	height:auto;
    padding: 0 15px;
		}
.watch-fr h4{
	font-size:14px;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #c2c2c2;
	font-weight:500;
	text-align:center;
	}

.watch-fr  .chatlist{
	font-size:12px;
	width:200px;
	}
.watch-fr  .chatlist li{
	margin: 0 0 5px;
    padding: 14px 0 10px;
    overflow:hidden;
	}
.watch-fr  .chatlist li .headico{
	float:left;
	}
.watch-fr  .chatlist li .headico img{
	width:32px;
	hanging-punctuation:32px;
	border-radius:50%;}
.watch-fr  .chatlist li .chatcon{
	float:left;
	width:165px;
	}
.watch-fr  .chatlist li .chatcon p{
	margin-left: 13px;
    line-height: 1.5em;
    max-width: 180px;
    width: auto;
    color:#666;
	}
.watch-fr  .chatlist li .chatcon p a{
    color: #000;
	}
.watch-fr .send-msg{
	width:100%;
	}
.watch-fr .send-msg textarea{
	outline:none;
    background-color: #f7f7f7;
    width: 198px;
    height: 60px;
    color: #a9a9a9;
    padding: 6px;
	border:solid 1px #d4d4d4;
	}
.watch-fr .sendbtns{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	text-align:right;
	}
.watch-fr .sendbtns a
	{
	width: 16px;
    height: 18px;
    display: inline-block;
    background: url(../images/live/center.png) no-repeat -36px -969px;
}
.watch-fr .sendbtns button{
	background: #f34b46;
    color: #fff;
    border: none;
	border-radius: 2px;
    font-weight: 400;
	text-align: center;
	cursor: pointer;
	font-size:12px;
	padding:5px 15px;
	}
	
.watch-mid{
	
	position:fixed;
	left:250px;
	/*top:190px;*/
	top:0px;
	right:290px;
	}
.watchmidleft{
	left:30px;
	}
.watchmidright{
	right:30px;
	}
.content{
  overflow: auto;
  width: 230px;
  height:390px;
  }	
 .content1{
  overflow: auto;

  height:100%;
  }	
.watch-mid .watchtitle,.watch-mid .watchinfo{
	width:100%;
	overflow:hidden;
	}

.watch-mid .watchtitle h3{
	font-size:24px;
	margin:20px auto 8px auto;
	font-weight: 500;
    line-height: 1.1;
	color:#383838;
	float:left;
	}
.watch-mid .watchtitle a{
	color:#333;
	font-size:14px;
	margin-top:24px;
	margin-left:10px;
	display:inline-block;
	float:left;
	}
.watch-mid .watchinfo .time{
	font-size:13px;
	margin-bottom:3px;
	color:#999999;
	}
.watch-mid .watchinfo .watchtest{
	width:100%;
	margin-bottom:15px;
	overflow:hidden;
	}
.watch-mid .watchinfo .watchtest p{
	float:left;
	color:#383838;
	font-size:13px;
	padding-top:3px;
	padding-right:15px;
	}
.bdshare-button-style0-24{
	float:left;
	margin-top:-5px;}
.watch-mid .watchinfo .watchtest p a{
	color:#337ab7;}
.watch-mid .watchinfo .watchtest .btnlist{
	padding:5px 10px;
	font-size:14px;
	color:#fff;
	font-weight:400px;
	text-align:center;
	background:#f34b46;
	border-radius:2px;
	-moz-border-radius:2px;
	-o--border-radius:2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	line-height:100%;
	display:inline-block;
	margin-left:15px;
	float:left;
	}
.watch-mid .watchinfo .watchtest .btnlist:hover{
	background:#c51f1d;
	}	
.watch-mid .watchinfo .watchtest .inforight{
	float:right;
	text-align:right;
	padding-right:10px;
	}
.watch-mid .watchinfo .watchtest .inforight .infroico{
	display:inline-block;
	float:left;
	padding-left:25px;
	font-size:12px;
	color:#555;
	}
.infoico1{
	background:url(../images/live/center.png) no-repeat 10px -20px;
	}
.infoico2{
	background:url(../images/live/center.png) no-repeat 10px -1114px;
	}
.watch-mid .watchimg{
	width:100%;
	height:auto;
	}
.watch-mid .watchimg img{
	width:100%;
	height:auto;}
.watch-mid .event-info{
	width:100%;
	margin-top:15px;
	overflow:hidden;
		}
.watch-mid .event-info .tab-btns{
	width:100%;
	height:43px;
	background:url(../images/live/lineimg.jpg) repeat-x left bottom;
	line-height:42px;
	color:#4d4d4d;
	}
.watch-mid .event-info .tab-btns .tablist{
	float:left;
	margin-right:20px;
	font-size:21px;
	cursor:pointer;
	}

.tab1{
	border-bottom:solid 2px #e33836;
	color:#e33836; }
.watch-mid .event-info ul{
	 padding-top:20px;
	 width:100%;
	 }
.watch-mid .event-info ul li{
	line-height:28px;
	font-size:14px;
	}
.watch-mid .event-info ul li a{
	color:#4d4d4d;}
/** footer **/
.wrapper {
    width:1000px;
    margin: 0 auto;
    position: relative;
}
.footer {
	width: 100%;
	height: 280px;
	background: #373737;
	color: #e2e2e2;
	padding-top: 60px;
}
.footer a {
	color: #e2e2e2;
}
.footer a:hover {
	color: #01AF63;
}
.footer-left {
	width: 470px;
	height: 180px;
	border-right: 1px solid #c3c3c3;
}
.footer-left h4{
	margin-bottom: 30px;
	color: #E2E2E2;
}
.footer-left-nav {
	margin-bottom: 20px;
	width: 470px;
	height: 14px;
	line-height: 10px;
	overflow: hidden;
}
.footer-left-nav a {
	border-left: 1px solid #E2E2E2;
	padding: 0 15px 0 10px;
	margin-left: -10px;
	font-size:14px;
	font-family: "宋体";
}
.footer-left p {
	margin-bottom: 14px;
}
.footer-right {
	position: absolute;
	left: 430px;
	top: 0px;
	padding-left: 60px;
	width: 450px;
	text-justify: auto; 
	text-align:justify;
}
.footer-right h4 {
	margin-bottom: 15px;
	color: #E2E2E2;
}
.footer-youlian a {
	white-space: nowrap;
	line-height: 40px;
	padding-right: 20px;
}
.footer-sao {
	width: 132px;
	height: 192px;
	position: absolute;
	right: 20px;
	top: 0;
}
.footer-sao img {
	width: 132px;
	height: 132px;
}
.footer-sao p {
	margin-top: 6px;
	font-size: 16px;
	font-family: "宋体";
	text-align: center;
}
.footer-bottom {
	width: 100%;
	margin: 60px 0 0px;
	text-align: center;
}

/*qq表情样式*/
.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid; width:208px; overflow:hidden;}
.qqFace table td{padding:0px;}
.qqFace table td img{cursor:pointer;border:1px #fff solid;}
.qqFace table td img:hover{border:1px #0066cc solid;}