/* == Livesoon styles by vr4u 20181026 == */
/* == 基本样式表 == */
body{ padding:0; margin:0; background-color:#333; font-size:12px; font-family:"Microsoft Yahei",tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif; color:#333;}
a{ color:#14677A; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
.clear{ clear:both;}
ul,li,form{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:0;}
input,textarea{ font-size:12px; font-family:"Micsoft Yahei",tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif;}
.mc{ margin:0 auto; width:1200px;}

/* == 页面样式表 == */
.Container{}
	/* ================================== 顶部 开始====================================== */
	.Header{}
		.Header .mc{ background:url(top_bg.png) 810px 10px no-repeat;}
		.logo{ float:left; margin:0 20px 0 0; padding:0 0 0 0; line-height:90px; font-size:23px; font-weight:normal; color:#FFF;}
		.logo a{ color:#FFF;}
		
		.byme{ float:left; height:90px; line-height:90px; font-size:22px; color:#a1a1a1;}
			.byme a{ float:left; padding:0 15px; color:#a1a1a1;}
			.byme a.on{ color:#cc0033;}
		
	/* ================================== 页面主体 ====================================== */
	.PageBody{ padding:10px 0 0;}
		
		.livChannel{ width:860px; background:#444; height:40px; border-radius:4px; line-height:40px;}
			.livTit{ float:left; margin-right:10px; width:100px; border-top-left-radius:4px; border-bottom-left-radius:4px; background:#5b5b5b; color:#fff; font-weight:bold; font-size:16px; text-align:center;}
			.livChannel a{ margin-left:20px; color:#a1a1a1; font-size:16px;}
			.livChannel a.on{ color:#cc0033;}
		
			.c_play{ display:none;}
		/*.livChannel .mc{ margin:0 auto; width:1120px; overflow:hidden;}
		.c_contnt{ margin-left:-14px; padding-bottom:15px; width:1134px;}
		.c_contnt a{ float:left; margin:14px 0 0 14px; width:210px; height:68px; line-height:22px; border:solid 1px #f2f2f2; box-shadow:0px 1px 2px #888; background-color:#E1EDF0; _display:inline; cursor:pointer;}
		.c_contnt a.on{ margin-top:15px; width:208px; height:65px; border:solid 2px #fff; box-shadow:none; background-color:#F6F7FB;}
		.c_contnt a:hover{ margin-top:15px; height:67px; border-color:#FFF; background-color:#F6F7FB; box-shadow:none; text-decoration:none;}
		.c_contnt a.on:hover{ margin-top:15px; height:65px;}
			.c_name{ margin:0 auto; padding-top:10px; display:block; width:184px; height:22px; font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; color:#333;}
			.c_play{ margin:0 auto; display:none; width:184px; height:22px; font-size:12px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; color:#666;}
			.c_play strong{ margin-left:5px;}*/
		
		.livMenu{ float:right; width:320px; height:510px;}
			.scroll{ width:320px; height:40px; background-color:#444;}
			.box { float:left; width:270px; height:40px; overflow:hidden; position:relative;}
				.box li{ float:left; width:56px; height:40px; color:#fff; line-height:16px; text-decoration:none; text-align:center; cursor:pointer;}
				.box li em,.box li strong{ display:block; font-style:normal; font-weight:normal;}
				.box li em{ padding-top:5px;}
				.box li a{ display:block; width:56px; height:40px; color:#fff;}
				.box li a:hover{ background-color:#cc0033; color:#fff; text-decoration:none;}
				.box li.on { background-color:#cc0033; cursor:default;}
				.box li.on a{ color:#FFF;}
				
			a.prev, a.next { float:left; width:20px; height:40px; cursor:pointer; background-image:url(ico_arrow.png); background-repeat:no-repeat;}
			a.prev{ background-position:0 0;}
			a.prev:hover{ background-position:0 -40px;}
			
			a.next{ background-position:-20px 0;}
			a.next:hover{ background-position:-20px -40px;}
			.scroll_list{ width:10000em; position:absolute;}
			
			.MenuLst{ margin:16px 0 0; width:320px; height:644px; overflow:hidden; overflow-y:auto;}
				.MenuLst li{ margin-bottom:5px; height:40px; line-height:40px; background-color:#444;}
				.MenuLst li:hover{ background-color:#cc0033;}
					.MenuLst li a{ color:#999; cursor:pointer;}
				.MenuLst li.on{ background-color:#cc0033;}
				
					.MenuLst li.on a{ color:#FFF;}
					.MenuLst li a:hover{ color:#FFF;}
					.MenuLst li span{ float:left;}
						span.m_time{ width:45px; text-align:center;}
						span.m_play{ margin-top:10px; width:33px; height:20px; line-height:20px; background-color:#444; text-align:center; color:#ccc;}
						span.m_name{ margin-left:7px; width:160px; height:40px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
					
					li.on span.m_play{ background-color:#C61010; color:#FFF;}
					
			
		
		.livPlay{ float:left; width:860px;}
			.livPlay .show{ padding:16px 0 0;}
			.livPlay .tips{ height:220px; background:#EAF6FB url(player_tips_bg.png) 0 0 repeat-x;}
				.livPlay .tips .dowmFlaplayer{ display:block; padding-right:10px; height:30px; line-height:30px; background:url(icon_fla.gif) 535px 8px no-repeat; text-align:right; color:#666;}
				.livPlay .tips .focus{ float:left; padding:0 0 0 10px; width:385px; position:relative;}
					.livPlay .tips .focus .Ftitle{ border-bottom:solid 2px #138098; line-height:22px; font-size:14px; font-weight:bold; color:#138098;}
					.livPlay .tips .focus .Fshow{}
						.livPlay .tips .focus .Fshow ul{ padding:5px 0; border-bottom:solid 1px #CADCE1;}
						.livPlay .tips .focus .Fshow ul li{ line-height:20px; text-indent:15px;}
						.livPlay .tips .focus .Fshow ul li.l1{ background:url(icon_tv.gif) 0 4px no-repeat;}
						.livPlay .tips .focus .Fshow .playbill_more{ position:absolute; width:30px; line-height:22px; top:0; right:0;}
		
		#featureContainer{ margin:0 auto; padding:15px 0 0; width:640px;}
			#wrap{ overflow:hidden;}
				#load{ display:none; margin:0 auto; width:640px; height:100px; background:url(load.gif) center 50% no-repeat; text-indent:-9999px;}
				#feature{ margin:0 0 0 30px; position:relative; background-color:#EEE;}
				#feature .button{ position:absolute; top:72px; left:0; width:640px;}
				#feature .prev{ position:absolute; top:0; left:-30px; display:block; float:left; width:30px; height:160px; background:url(feature_left.gif) center top; text-indent:-9999px;}
				#feature .next{ position:absolute; top:0; right:0; display:block; float:right; width:30px; height:160px; background:url(feature_right.gif) center top; text-indent:-9999px;}
				#feature .prev:hover{ background-position:center bottom;}
				#feature .next:hover{ background-position:center bottom;}
				.featureUL{ position:relative; float:left; width:2800px; left:0px;}
				.featureBox{ float:left; width:153px; height:160px; overflow:hidden;}
				.featureBox img{ width:120px; height:160px;}
				#botton-scroll{ float:left; margin:0px auto; width:840px; overflow:200px; z-index:0;}
				#block{ z-index:0; position:relative; width:600px; height:160px; font-size:70%; overflow:hidden;}
				#block .box{ float:left; width:120px; height:160px;}
				#block .box .feature-title{ font-size:140%; font-weight:normal}
				#block .box .feature-thumb{ float:left; margin:0 0 5px; width:240px; height:150px}

		
		/* 页面调整
		#livWill{ float:right; width:230px; position:relative;}
			#livWill .title{ width:230px; height:30px; line-height:30px; background:#148BA5 url(will_list_top_bg.png) 0 0 repeat-x;}
				#livWill .title .name{ float:left; font-size:14px; font-weight:bold; text-indent:15px; color:#FFF;}
				#livWill .title .more{ float:right; width:17px; height:30px; background:url(will_list_top_r.png) right top no-repeat; color:#FFF;}
					#livWill .title .more a{ color:#FFF;}
			#livWill .show{ width:230px; height:490px; background-color:#E9F5FB;}
				#livWill .show .playbill_more{ line-height:30px; position:absolute; left:183px; top:0;}
					#livWill .show .playbill_more a{ color:#fff;}
				#livWill .show .olive_playbilllist{ margin:0 auto; width:210px; line-height:25px;}
					#livWill .show .olive_playbilllist .olive_playbilllist_time{ padding:0 10px 0 0; color:#51BFB5;}
				
			#livWill .active{ margin-top:10px;}*/
	
	
	/* 当前播放内容 */
	.Nav{ padding:20px 0 50px; height:40px; line-height:40px; color:#c1c1c1; font-size:18px;}
		.Nav span{ float:left; padding:0 5px 0 0;}
		.Nav span.txt{ margin:6px 18px 0 0; padding:0 12px; height:28px; line-height:28px; background:#cc0033; font-size:18px;}
	
	.Footer{ padding:20px 0 100px; line-height:25px; text-align:center; background:#444; color:#CCC;}
	
	
	/* ================================== 内容页面 ====================================== */
	#Program .olive_playbill_week{ width:970px; height:25px; line-height:25px; background:url(list_weekday_left_bg.png) 0 0 no-repeat;}
		#Program .olive_playbill_week .oneweek{ float:left; padding-left:8px;}
			#Program .olive_playbill_week .oneweek a{ display:block; float:left; margin-right:1px; width:50px; height:25px; background:#1593AE url(list_weekday_btn_bg.png) 0 0 repeat-x; text-align:center; color:#F2FAFD; display:inline;}
			#Program .olive_playbill_week .oneweek a:hover{ background-image:none; background-color:#1593AE; color:#FFF; text-decoration:none;}
			#Program .olive_playbill_week .oneweek a.now{ display:block; float:left; margin-right:1px; width:50px; height:25px; background:#1593AE url(list_weekday_btn_now.png) 0 0 repeat-x; text-align:center; color:#F2FAFD; display:inline; font-weight:bold;}
			#Program .olive_playbill_week .oneweek a.now:hover{ background:#1593AE url(list_weekday_btn_now.png) 0 0 repeat-x; font-weight:bold;}
		#Program .olive_playbill_week .nextweek{ float:left; padding-left:150px;}
			#Program .olive_playbill_week .nextweek a{ display:block; float:left; margin-right:1px; width:40px; height:25px; background-color:#B1CCD3; text-align:center; display:inline;}
			#Program .olive_playbill_week .nextweek a:hover{ display:block; width:40px; height:25px; background-color:#9FC2CA; text-decoration:none;}
	#Program .selectday{ width:970px; height:30px; line-height:30px; background:#76A428 url(list_day_bg.png) 0 0 repeat-x; text-indent:20px;}
	#Program .tvChannel{ float:left; width:228px; height:648px; background:#EAF6FB url(channel_show_bg.png) 0 0 repeat-x; border:solid 1px #FAFFFF; overflow:hidden;}
		#Program .tvChannel .tv_channel{ width:230px; height:31px; position:relative;}
		#Program .tvChannel .tv_channel .tv_live{ position:absolute; left:202px; top:10px;}
		#Program .tvChannel .tv_channel a.tv_bill{ display:block; padding:0 0 0 15px; width:213px; height:30px; line-height:30px; border-bottom:solid 1px #FFF;}
		#Program .tvChannel .tv_channel a.tv_bill:hover{ text-decoration:none; background-color:#E1EFF0;}
		
		#Program .tvChannel .now{ width:230px; height:31px; position:relative;}
		#Program .tvChannel .now .tv_live{ position:absolute; left:202px; top:10px;}
		#Program .tvChannel .now a.tv_bill{ display:block; padding:0 0 0 15px; width:213px; height:30px; line-height:30px; border-bottom:solid 1px #FFF; font-weight:bold; background-color:#FFF;}
		#Program .tvChannel .now a.tv_bill:hover{ text-decoration:none; background-color:#FFF;}

		#Program .tvChannel a.tv_bill span{ cursor:pointer;}
		#Program .tvChannel a.tv_bill span.tv_pic{ float:left;}
		#Program .tvChannel a.tv_bill span.tv_name{ float:left; padding:0 0 0 5px; font-size:14px;}
		
		
		
	#Program .tvProgram{ float:left; width:740px; height:650px; line-height:28px; background-color:#FFF; overflow:hidden;}
		#Program .tvProgram .am{ float:left; padding:10px 0 0 10px; width:359px; height:640px; border-right:solid 1px #E4F3FA;}
		#Program .tvProgram .pm{ float:left; padding:10px 0 0 10px; width:360px;}
		#Program .tvProgram .am_title,.pm_title{ width:350px; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
		#Program .tvProgram .olive_playbilllist{ width:350px; border-bottom:dashed 1px #f2f2f2;}
			#Program .tvProgram .olive_playbilllist_time{ padding-right:30px; color:#51BFB5;}
			#Program .tvProgram .olive_playbilllist_title{ color:#333;}
			#Program .tvProgram .olive_playbillnull{ text-indent:10px; line-height:30px; color:#FF0000;}