﻿/* == oVideo channel 样式表 By vr4u.Aobosoft for Zhtv 20091216 == */
/* == 基本样式表 == */
body{ padding:0; margin:0; background-color:#CADCE1; font-size:12px; font-family:tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif; color:#333333;}
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:tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif;}

/* == 页面样式表 == */
#Container{ background:#FFF url(body_bg.png) left top repeat-x; }
	/* ================================== 顶部 开始
	#Header{ margin:0 auto; width:970px; height:200px;overflow:hidden;}
		#Header #logo{ height:70px;}
			#Header #logo .logo{ float:left; padding:15px 0 0 0; width:400px; height:55px;}
			#Header #logo .reg{ float:right; margin-top:10px;}
		#Header #links{ height:30px;}
			#Header #links a{ display:block; float:left; padding:0 20px; height:30px; line-height:30px; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; color:#C5C7D5; background:url(head_link_bg.png) 0 0 repeat-x;}
			#Header #links a.now{ color:#EAF6FB; background:url(head_link_now.png) 0 0 repeat-x;}
			#Header #links a.now:hover{ color:#FFF;}
			#Header #links a:hover{ color:#E0E1E9;}
			#Header #links span{ float:right; padding:0 30px 0 0;}
				#Header #links span a{ float:none; display:block; padding:0; width:76px; height:30px; background:url(head_links_right_btn.png) 0 0 no-repeat;}
		#Header #banner{ width:970px; height:100px; background:url(head_banner.png) 0 0 no-repeat;}====================================== */
	/* ================================== 顶部 开始====================================== */
	#webHead{ margin:0 auto; width:970px; height:35px; line-height:35px; border-bottom:solid 1px #B8CFC9; color:#999; }
		#webHead .webHead{ margin:0 auto; width:970px;}
		#webHead .user{ float:left; background:url(icon_i.gif) 10px 8px no-repeat; text-indent:30px;}
		#webHead .btns{ float:right;}
			#webHead .btns div{ float:left; padding:0 10px 0 15px;}
			#webHead .btns .hom{ background:url(icon_home.gif) 0 13px no-repeat;}
			#webHead .btns .fav{ background:url(icon_fav.gif) 0 13px no-repeat;}
			#webHead .btns .mai{ background:url(icon_mail.gif) 0 13px no-repeat;}
			#webHead .btns .lan{ background:url(icon_english.gif) 0 13px no-repeat;}
			#webHead .btns .rss{ background:url(icon_rss.gif) 0 13px no-repeat;}
			#webHead .btns .wap{ background:url(icon_wap.gif) 0 13px no-repeat;}
		#webHead a{text-decoration:none;}
		#webHead a:hover{ text-decoration:underline;}
		/* == 顶部 == */
	#Header{ margin:0 auto; padding:0 5px; width:960px; background-color:#FFF; position:relative;}
		#logo{ height:83px; background:#FFF url(body_logo_bg.png) 0 0 repeat-x;}
			#logo .Website{ float:left; width:670px; height:83px; line-height:27px; color:#CCC; background:url(top_logo.gif) 21px 23px no-repeat; text-align:center;}
				#logo .Website a{ text-decoration:none; color:#333;}
				#logo .Website a.red{ color:#F00;}
				#logo .Website a:hover{ text-decoration:underline;}
				#logo .Website .line1{ margin:15px 0 0 150px; width:455px; border-bottom:dashed 1px #E2E2E2;}
				#logo .Website .line2{ margin:0 0 0 150px; width:455px;}
			#logo .WebAd{ float:right; padding:15px 0 0 0;}
			
		#link{ width:960px; background:#126276 url(head_link_bg.png) 0 0 repeat-x;}
			#link .link{ width:960px; height:35px; background:url(head_link_left.png) 0 0 no-repeat; overflow:hidden;}
				#link .link .home{ float:left; width:65px; height:35px;;}
					#link .link .home a{ display:block; width:65px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#FFF; text-decoration:none;}
				#link .link .btns{ float:left; height:35px; padding:0 5px 0 5px; overflow:hidden;}
					#link .link .btns a{ display:inline-block; padding:0 8px 0 8px; height:35px; background:url(head_link_btn_now.png) right top no-repeat; line-height:35px; text-align:center; font-size:14px; color:#BDDAF7; text-decoration:none; overflow:hidden;}
					#link .link .btns a:hover{ color:#FFF; text-decoration:underline;}
				#link .link .rss{ float:right;}
			#link .banner{ width:960px; height:100px; background:#F3F3F3 url(body_top_banner.png) 0 0 no-repeat;}
		.channelTopLine{ width:64px; height:1px; background-color:#0B4653; overflow:hidden; position:absolute; top:82px; left:8px;}
		
	/* ================================== 页面主体 ====================================== */
	#PageBody{ margin:0 auto; padding:10px 5px 0 5px; width:960px; background-color:#FFF;}
		#livChannel{ float:left; width:230px;}
			#livChannel .topic{ width:230px; height:30px; background:url(channel_top_bg.png) 0 0 repeat-x;}
				#livChannel .topic span{ display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#FFF; background:url(channel_top_corner.png) 0 0 no-repeat; text-indent:15px;}
			#livChannel .show{ width:228px; height:648px; background:#EAF6FB url(channel_show_bg.png) 0 0 repeat-x; border:solid 1px #FAFFFF;}
				#livChannel .show a{ display:block; padding:0 0 0 15px; width:213px; height:30px; line-height:30px; border-bottom:solid 1px #FFF;}
				#livChannel .show a:hover{ text-decoration:none; background-color:#E1EFF0;}
				#livChannel .show a.now{ display:block; padding:0 0 0 15px; width:213px; height:30px; line-height:30px; border-bottom:solid 1px #FFF; background:#D9E6EA url(icon_arrow.gif) 208px 11px no-repeat; font-weight:bold;}
				#livChannel .show a.now:hover{ display:block; padding:0 0 0 15px; width:213px; height:30px; line-height:30px; border-bottom:solid 1px #FFF; background:#D9E6EA url(icon_arrow.gif) 208px 11px no-repeat; font-weight:bold;}
				#livChannel .show a span{ cursor:pointer;}
				#livChannel .show a span.tv_pic{ float:left;}
				#livChannel .show a span.tv_name{ float:left; padding:0 0 0 5px; font-size:14px;}

		#livPlay{ float:left; margin-left:10px; width:490px;}
			#livPlay .title{ width:490px; height:30px; line-height:30px; background-color:#DFEBEE; text-indent:10px;}
				#livPlay .title a{ text-decoration:underline;}
				#livPlay span{ padding:0 5px 0 0;}
				#livPlay span.txt{ padding:0 5px 0 0; font-weight:bold;}
			#livPlay .show{ padding-top:5px; width:490px; height:360px; text-align:center; background-color:#EAF6FB;}
			#livPlay .tips{ width:490px; height:220px; background:#EAF6FB url(player_tips_bg.png) 0 0 repeat-x;}
				#livPlay .tips .dowmFlaplayer{ display:block; padding-right:30px; width:460px; height:30px; line-height:30px; background:url(icon_fla.gif) 467px 8px no-repeat; text-align:right; color:#666;}
				#livPlay .tips .focus{ float:left; padding:0 0 0 10px; width:230px; 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; left:215px; top:0;}
		#livWill{ float:right; width:220px; position:relative;}
			#livWill .title{ width:220px; 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:220px; height:490px; background-color:#E9F5FB;}
				#livWill .show .playbill_more{ line-height:30px; position:absolute; left:173px; 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;}
	/* ================================== 页面底部 ====================================== */
	#Footer{ margin:0 auto; margin-top:10px; padding:0 0 30px 0; width:960px; border-top:solid 1px #C1C1C1; line-height:20px; text-align:center;}
		#Footer li.about{ padding:20px 0 20px 0; color:#1D75A7;}
			#Footer li.about a{ font-size:14px; color:#1D75A7; text-decoration:none;}
			#Footer li.about a:hover{ text-decoration:underline;}
		#Footer li.copyright{}
		#Footer li.certificate{ padding:10px 0 0 0;}
	
		/* ================================== 内容页面 ====================================== */
		#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;}





