﻿@charset "utf-8";
/* base */
*{margin:0px auto;padding:0}
#top4{text-align:center;clear:both;}
body{font:12px/160% Verdana,Arial,sans-serif,"Times New Roman",宋体;color:#333;background:#fff; }
ul,ol{list-style:none;}
img {border:0;}
a{color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
a:visited{ color:#666;}
button {cursor:pointer;}
div,p {display:block;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
.clearfix{display:block;}
/*layout*/
#wp,#hd,#ft{ clear:both;width:970px; text-align:left; margin:0 auto;}
/*top*/
#hd{ position:relative;}
	.logo{ float:left;}
	.nav{ float:right; width:620px; height:27px; background:url(imgcomm.gif) no-repeat 0 0; margin-top:15px; padding-left:5px; position:relative;}
	.nav ul{ background:url(nav_r.gif) no-repeat right 0;width:620px; height:27px;}
	.nav sup{ position:absolute; left:70px; top:-10px; }
	.nav li{ float:left;background:url(imgcomm.gif) no-repeat 0 -186px; padding:4px 8px 0 8px;}
	.nav li.bgnone{ background:none;}
	.menu{ clear:both;background:url(imgcomm.gif) repeat-x 0 -49px; height:29px; line-height:29px; padding-left:185px; overflow:hidden; }
	.menu li{ float:left; padding:4px 5px 0 5px;width:68px; text-align:center;height:19px; line-height:19px;}
	#hd span{ position:absolute; margin:-10px 0 0 260px;}
	.menu li a,.menu li.up{ font:bold 14px/160% "宋体";color:#fff;}
	.menu li a:hover{background:url(imgcomm.gif) no-repeat 0 -218px; width:68px; height:23px; line-height:23px; text-align:center; display:block;text-decoration:none; color:#fff;}
	.menu li a:visited{color:#fff;}
	.menu li.up{ background:url(imgcomm.gif) no-repeat 5px -214px; width:68px; height:23px; text-align:center; padding:4px 5px 0 5px;}
	.seach{ float:left;background:url(sebarbg.jpg) no-repeat;width:692px; height:80px; padding:7px 12px; overflow:hidden; margin-top:5px; }
	.seach *{ color:#4C4C4C;}
		.glogo{ float:left; padding-top:4px; margin-left:10px;}
		.sotab{ float:left; padding-top:10px; padding-left:50px; text-align:center; color:#0000FF; }
		.se{ float:left; padding-top:6px; margin-left:10px; width:550px; height:30px;}
		.keyw{ float:right; width:200px;}
		.keyw span{float:left;width:40px;}
		.keyw p{ padding:2px 0 5px;clear:both;}
		.keyw a{ margin:0 3px 0 2px;}
		.se p{ clear:both; margin-left:10px; color:#0066CC;}
		.setop{ clear:both; padding-top:0px; margin-left:10px; color:#0066CC;}
		.se a{ color:#0066CC; margin-right:5px;}
		.se select{ width:77px; float:left; margin:0 4px 0 10px; color:#333;}
		.input{ width:456px; height:19px; border:1px solid #45B0DA; padding:2px 0 0 2px; float:left;background:#fff;}
		.button{ background:url(imgcomm1.gif) no-repeat -158px -293px; border:none; width:83px; height:23px; text-align:center; color:#377FAA; margin-left:4px; float:left;}
		button01{background:url(imgcomm1.gif) no-repeat -78px -293px; width:63px; height:23px; text-align:center; color:#377FAA; margin-left:4px; float:left;border:none;}
	.downbar{ float:left; width:254px; height:85px;background:url(imgcomm.gif) no-repeat -94px -213px; text-align:center;}
	.downbar *{ color:#C82B00;}
	.downbar ul{ clear:both; width:225px; margin:0 auto 0 auto;}
	.downbar li{ width:215px; clear:both; background:url(imgcomm.gif) no-repeat 0 -93px; text-align:left; padding:0px 0 0 15px;}
	.downbar li a{ margin:0 3px;text-decoration:underline;}
	.downbar p{ font-weight:bold; text-align:left; padding:10px 0 0 58px; font-family:Tahoma;}
/*content*/
#wp{padding:5px 0 0 0;}
/*ad*/
.focus {
		width: 306px;
		background: url(../images/focus_bg.gif) no-repeat top;
		padding: 15px 4px 0 4px;
		float: left;		
	}
	.con_middle {
		width: 545px;
		padding: 0 5px;
		float: left;
	}
	.bg1 {
		background: url(../images/bg_1.gif) repeat-x top right;
	}
	.focus {
		width: 306px;
		background: url(../images/focus_bg.gif) no-repeat top;
		padding: 15px 4px 0 4px;
		float: left;		
	}
	.hot, .hotA, .hotB, .subNavi {
		border: 1px solid #ccc; background: #F9F9F9;
		margin-bottom: 10px;
		overflow: auto; height: 100%;
	}
	
	.hotA {
		padding: 8px 8px 3px 8px;
	}
	
	.hotB {
		padding: 6px 5px 6px 2px;
	}
	
	.subNavi {
		padding: 10px 0 7px 0;
		text-align: center;
	}
	
	.hotBlank {
		border: 1px solid #FFF;
		overflow: auto; height: 100%;
	}
	
	.recom {
		background: url(../images/recommendation.gif) no-repeat top;
		padding: 50px 0 10px 0;
		width: 226px;
		 float: right;
	}
	.recom h1, .recom p {
		padding: 7px 8px;
	}
	
	.recom h1 {
		font: 20px/25px 黑体;
		background: url(../images/dash_x.gif) repeat-x bottom #F2F2F2;
	}
	ul.heart, ul.triangle, .blockC ul {
		background: url(../images/dash_x_24.gif);
		line-height: 24px;
	}
	ul.heart li {
		background: url(../images/icon_heart.gif) no-repeat left;
		padding-left: 15px;
		margin-left: 5px;
	}
		
/*	-------------------------------------------------------------
	Slideshow Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#focus_pic {
		float: left;
		width: 306px; height: 230px;
	}
	
	
	#slideshow {
		width: 306px; overflow: hidden;
		margin: 0 0 10px 0;
	}
	
	
	#slideshow .slide {
		position: absolute; 
		padding: 1px;
		border: #490 2px solid;
		background: #FFF;
		opacity: 0.99; /* Fix Firefox opacity flicker problem */
	}
	
	
	#slideshow .slide,#slideshow .slide img,#slideshow .slidelinks_container,#slidelinks_container1 img,#slidelinks_container2 img,#slidelinks_container3 img{
		width:300px; height:225px;
	}
	
	
	#slideshow #slide1 {
		z-index: 1;
	}
	
	
	#slideshow .slidelinks_container {
		position:absolute;
		opacity:0.99; /* Fix Firefox opacity flicker problem */
		z-index: 2;
		margin:3px 0 0 3px;
	}
	
	
	#slideshow #slideshowcontrols { 
		float:left;
		width:306px; height:35px;
		background:url(../images/focus_bmark_bg2.gif) repeat-x left top;
	}


	#slidelinks_container1 img,#slidelinks_container2 img,#slidelinks_container3 img{
		border:0;
	}

	/* 4 Slides with text */
	ul.slideshowcontrolsmiddle{
		height: 29px !important;
		float: left;
		z-index: 10;
		text-align:center;
		margin: 0px;
		padding:0px;
		list-style: none;
	}
	
	ul.slideshowcontrolsmiddle li{
		z-index: 0; 
		height: 29px;
		width: 100px !important;
		float: left;
	}
	
	/* The a elements inside those 4 tabs */
	ul.slideshowcontrolsmiddle a{
		color:#333;
	}
	
	
	ul.slideshowcontrolsmiddle a, ul.slideshowcontrolsmiddle a:visited {
		height:25px; 
		padding:12px 0 0 0;
		text-align: center; 
		float: none;
		display: block;
		width: 100px !important;
		text-decoration: none;
		background:url(../images/focus_bmark_bg.gif) no-repeat left -38px;
	}
	
	
	/* The next 5 styles fix Netscape issues with padding it any other way */
	ul.slideshowcontrolsmiddle .single-line a {
		line-height: 36px!important;
	}
	
	*html ul.slideshowcontrolsmiddle .single-line a {
		line-height: 36px!important;
	}
	
	ul.slideshowcontrolsmiddle .padded_fmt {
		display:block;
	}
	
	ul.slideshowcontrolsmiddle .single-line .padded_fmt {
		display:block;
	}
	
	ul.slideshowcontrolsmiddle a.activeslide, ul.slideshowcontrolsmiddle a:hover {
		background-position: 0px 0px !important;
		color:#fff;
		text-decoration: none;
		font-weight: bold !important;
	}
	
	
	/* Used to make everything fade */
	#slideshow .opacity10 {
		opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;
	}
	#slideshow .opacity9 {
		opacity:.9; filter:alpha(opacity=90); visibility:visible !important;
	}
	#slideshow .opacity8 {
		opacity:.8; filter:alpha(opacity=80); visibility:visible !important;
	}
	#slideshow .opacity7 {
		opacity:.7; filter:alpha(opacity=70); visibility:visible !important;
	}
	#slideshow .opacity6 {
		opacity:.6; filter:alpha(opacity=60); visibility:visible !important;
	}
	#slideshow .opacity5 {
		opacity:.5; filter:alpha(opacity=50); visibility:visible !important;
	}
	#slideshow .opacity4 {
		opacity:.4; filter:alpha(opacity=40); visibility:visible !important;
	}
	#slideshow .opacity3 {
		opacity:.3; filter:alpha(opacity=30); visibility:visible !important;
	}
	#slideshow .opacity2 {
		opacity:.2; filter:alpha(opacity=20); visibility:visible !important;
	}
	#slideshow .opacity1 {
		opacity:.1; filter:alpha(opacity=10); visibility:visible !important;
	}

	#slideshow .hide { 
		visibility:hidden; 
	}
	#slideshow .hideArchive {
		visibility:hidden; 
		display:none;
	}
	#slideshow .show { 
		visibility:visible !important;
		display:block !important; 
	}
	
	#tab-0 {
		display:none;
	}
		
	#tab-1,#tab-2 {
		margin:0 3px 0 0;
	}
	.gg{ clear:both; margin-bottom:5px;}
	.txt-gg{ clear:both; background:#EEF6FE; padding:5px 0; height:60px; margin:4px 0 0 ;}
	.txt-gg ul,.hd2,.pc-img,.pc-list,.sq-img,.sq-list,.mb-img,.mb-list{ clear:both; width:226px; margin:0 auto;}
	.txt-gg li{ clear:both;}
	.gg-715,.gg-249,.gg-249-64{ width:715px; height:90px; overflow:hidden; margin-bottom:5px;}
	.gg-249{ width:249px;}
	.gg-249-64{ width:249px; height:64px;}
	.gg-240-60{ clear:both; margin:5px auto; width:240px; height:60px;}
	.gg-240-60 img{width:240px;height:60px;}
/*comm*/
	h1,.title{ clear:both;background:#EEF6FE; margin-top:1px; color:#1974C8; font-weight:bold; height:25px; line-height:25px; padding-left:14px; text-align:left; font-size:14px; border-bottom:1px solid #AEDEF2;}
	h1 span,.title span{padding:0 10px; font-size:12px; font-weight:normal;}
	.h1_txt{ margin-left:30px;}
	h1 span.h1_txt a{ color:#000; margin:0 10px;}
	.h1_txt a.red{ color:#FF6600; font-weight:bold;}
	h1 span a,h3 a,.title a{ color:#1974C8;}
	h1 span a.b_s{ font-weight:bold; text-decoration:underline;}
	h1 strong{ font-size:8px; color:#1974C8;}
	.commbox{border:1px solid #AEDEF2; overflow:hidden; margin-bottom:5px;}
	.hd1 img,.movie_c img{ border:1px solid #000;}
	.fl{ float:left;}
	.fr{ float:right;}
	.line_c{ border-bottom:1px dashed #ccc; font-size:12px; line-height:20px; margin-top:5px; padding-left:10px;  }
	.line_c li{ margin-bottom:5px; float:left; width:165px; overflow:hidden; height:20px; }
	.line_e{ font-size:12px; line-height:20px; padding-left:10px; margin-top:5px; }
	.line_e li{ margin-bottom:5px; float:left; width:165px; height:20px; overflow:hidden; }
	.line_b{ border-bottom:1px solid #AEDEF2;}
	.img_div{ float:left;}
	.a_pl{ background:url(pl_ic.gif) no-repeat 2px 1px;}
	.a_red{ color:#FF0000;}
	a.a_blue,a.a_blue:visited{color:#1974C8; font-size:12px; font-weight:normal;}
	.a_line{ text-decoration:underline;}
	.a_st{ background:url(st_btn.gif) no-repeat; display:block; width:16px; height:16px;}
	a.a_music{ background:url(music_btn.jpg) no-repeat; width:58px; height:19px; line-height:19px; text-align:center; color:#456DA8; display:block; margin-right:10px!important;margin-right:5px;}
	a.a_music:hover{color:#456DA8;}
	a.a_music:visited{color:#456DA8;}
	.a_down{ background:url(down_btn.gif) no-repeat; width:12px; height:13px; display:block;}
	.kankan{ padding-top:15px;}
/*hot*/	
	.focusbox{ width:350px;}
		.imgplay{ border:1px solid #ccc; width:346px; height:191px; padding:1px;}
		.i-txt{clear:both; background:#F8FCFF;  border:solid #AEDEF2; border-width:0 1px 1px 1px; height:98px; overflow:hidden; width:348px; padding-top:10px;}
		.i-txt li{ float:left; margin:0 7px 0 7px!important; margin:0 7px 0 4px;width:152px;white-space:nowrap;}
	.hotnews,.club{ width:358px; height:302px; overflow:hidden; margin-left:5px;}
	.hotnews dl{ clear:both;padding:5px 0; width:345px; margin:3px auto 5px auto;}
	.hotnews dt{ white-space:nowrap;overflow:hidden;width:330px;padding-top:2px;}
	.hotnews dt a{ color:#1974C8;font-family:宋体;font-size:12px;font-weight:normal;}
	.hotnews dd{ clear:both; padding-top:3px; line-height:200%; width:345px; overflow:hidden; height:20px;  color:#1974C8;}
	.hotnews dd a{ margin:0 3px; color:#1974C8; font-size:12px; font-weight:normal; font-family:宋体;}
	.hd1 img{ width:70px; height:70px; }
	.hd1 .img_div{width:70px;}
	.club,.xlhd{ width:247px;}
	.xlhd{ height:272px;}
	.hd1{ clear:both; width:230px; margin:5px auto;margin-left:7px;}
	.hd1 dl{ width:145px; float:right; height:72px; text-align:left; overflow:hidden;}
	.hd1 dt a{ font-weight:bold; font-size:14px; color:#000;}
	.hd1 dd{ color:#666;}
	.hd2{ margin:5px auto 0 auto;}
	.hd2 li,.txt-gg li{ clear:both; background:url(imgcomm.gif) no-repeat 0 -170px; padding:1px 0 0 10px; width:210px; text-align:left;}
	/*movie===tv===ent===music==anime*/
	#movie,#tv,#music,#anime,#poto,#game,#soft{ width:713px; height:415px; text-align:left;}
	#music{ height:346px;}
	#poto{ height:272px;}
	#game{ height:352px;}
	#soft{ height:372px;}
	#woman{float:right; width:247px;height:272px;}
		.movie_list,.music_list{ width:346px;border-right:1px solid #AEDEF2; float:left; padding:10px 0 0 10px;}
			.movie_c{ clear:both; width:346px; margin-bottom:8px; text-align:left;}
			.movie_c .img_div{ width:90px;}
			.movie_c ul{ float:left; width:244px; margin-left:8px;}
			.movie_c  li{ color:#999;width:244px; line-height:170%;}
			.movie_c  li a{ margin-right:4px;}
			.movie_c  li em{ font-style:normal; color:#FF0000;}
			.movie_c  li a.f14,.music_c  li a.f14{ font-size:14px; font-weight:bold; }
			.movie_c  li span{ float:left;}
			.movie_c  li.ptop{ padding-top:5px;}
			.star{ background:url(star.gif) no-repeat 0 -14px; width:176px; height:14px;  position:relative;}
			.star_v{background:url(star.gif) no-repeat 0 0; height:14px; position:absolute; left:0; top:0; display:block;}
			.movie_c img{ width:88px; height:123px;}
			.movie_txt,.anime_txt{ clear:both;width:346px; overflow:hidden;}
			.movie_txt ul{ width:366px;}
			.movie_txt li{ float:left; width:160px;margin-right:10px;}
		.movie_pl{ float:left; width:356px; padding:10px  0 0 0; height:313px; overflow:hidden;}
		.movie_pl dl{ clear:both; width:344px; margin:0 auto 11px auto; padding-bottom:8px; }
		.movie_pl  dt{ font-weight:bold; font-size:14px; color:#000;}
		.movie_pl  dt span{ float:right;}
		.movie_pl  dd { white-space:nowrap;overflow:hidden;margin:0 3px;}
		.movie_pl  dd a.twice{ margin:0 5px;}
		.movie_pl  dd a{ font-size:14px; line-height:170%;}
		.movie_pl  dd a.a_blue{ font-size:12px;}
		.js_movie{ clear:both; background:#EEF6FE; padding:5px 10px; height:63px;}
		.js_movie dd { float:left;margin:0;padding:0;}
		.js_movie dd a{ margin:0 3px;}
		.js_movie a{ margin:0 3px;}
		.type_r_list{ float:right; width:247px;height:346px;}
			.h_352{ height:352px;}
			.w_232{ clear:both; width:232px; margin:10px auto 5px auto;}
			.movie_c .w_66{ width:66px;}
			.movie_c  .w_66 img{ width:64px; height:90px;}
			.movie_c .w_154{ width:154px;}
			.movie_c .w_154 li{ width:154px; line-height:160%;}
			.m_tabel{ clear:both; width:232px; margin:0 auto ;table-layout:fixed;}
		.m_tabel td{ padding:2px 2px 1px 2px; text-align:left;}
		* html .m_tabel td{padding:2px;}
		*+html .m_tabel td{padding:2px;}
		.m_tabel .m1{ width:17px; text-align:center;}
		.m_tabel .m1 strong{ background:#E4F1FE; border:1px solid #AEDEF2; width:14px; height:14px; text-align:center; line-height:14px; font-weight:bold; color:#6699CC; display:block; font-size:11px; letter-spacing:-1px;}
		.m_tabel .m1 strong.no2{ background:#FDE4E4; border:1px solid #F1AEB9; color:#CB8B7E;}
		.m_tabel .m1 strong.no3{ background:#F0E3FE; border:1px solid #BFAAF5; color:#C4A7FE;}
		.m_tabel .m2{ width:97px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.m_tabel .m3{ width:62px; color:#FF6600; }
		.m_tabel .m4{ width:180px; }
		.m_tabel .m5{ width:20px; text-align:right;}
		.m_tabel .m6{ text-align:right;}
		.title{position:relative;}
		h4{ position:absolute; left:14px; top:1px; color:#1974C8; font-weight:bold; font-size:14px;}
		.tab{ position:absolute; right:0; top:3px;}
		.music_tab{ left:80px;}
		.tab li{ float:left; padding:0 5px; text-align:center; margin:0 5px;cursor:pointer;height:23px; line-height:23px; font-size:12px; font-weight:normal;}
		.tab li.up{ background:#fff; border:solid #AEDEF2; border-width:1px 1px 0 1px; padding:0 5px; height:22px; line-height:22px;color:#1974C8; font-weight:bold; text-align:center; margin:0 5px;}
		.starer{ width:227px; height:60px; text-align:left; padding:2px 10px 0 10px; }
		.starer h3{ font-weight:bold; font-size:12px;}
		.starer h3 span{ float:right;}
		.starer p a{ margin:0 4px;}
			/*pic*/
			.juzhao{height:153px;padding-top:0px;margin-top:0px; }
			.juzhao table{width:1004px; height:153px;padding-top:0px;margin-top:0px; }
			.juzhao td{padding-top:0px;margin-top:0px; }
			.juzhao td p{ width:136px;height:48px;margin-top:0px;line-height:23px;}			
			.juzhao td img{width:136px; height:90px;padding-top:0px;margin-top:0px; border:1px solid #000;}		
			
			.music_list{width:356px;padding:10px 0 0 0; height:309px;}
			.music_c{ float:left; width:160px; padding:0 5px 17px 10px;}
			.music_c .img_div{ width:72px;}
			.music_c img{ width:70px; height:70px; border:1px solid #000;}
			.music_c ul{ float:right; width:80px; padding-top:5px;}
			.music_c li{ line-height:180%;width:80px;}
			.h_50{ height:40px; margin-top:-10px;}
			.js_bgnone{ background:#fff;height:40px;}
			.m_228{ width:228px; padding:10px 0 0 10px;}
			.m_228 ul{ width:150px; text-align:left; padding:0;}
			.m_228 ul li{ width:149px; line-height:160%;}
			.anime_txt{ line-height:16pt;}
			.anime_txt strong{  color:#FF6600; font-size:11px; padding-right:5px;}
			.anime_tj { clear:both; width:344px; margin:-6px auto 0 auto; text-align:left; overflow:hidden;}
			.anime_tj h3{ font-size:14px; font-weight:bold;}
			.anime_tj ul{ width:354px;}
			.anime_tj li{ float:left; padding:3px 10px 0 10px; }
			.anime_tj li img{ width:90px; height:90px; border:1px solid #000;}
			.h_auto{ height:auto;}
			.anime_tj li p{ width:90px;line-height:normal; text-align:center;}
			* html .anime_tj li p{ line-height:160%;}
			*+html .anime_tj li p{ line-height:160%;}
			.animer{ padding:2px;width:243px; height:58px; text-align:left; }
			.animer .img_div{float:left;width:60px; }
			.animer img{ width:60px; height:58px;}
			.animer ul{ float:right; width:160px; padding:2px 10px 0 0;}
			.poto_list{ width:710px; overflow:hidden; padding-top:5px;}
			.poto_list ul{ width:720px;}
			.poto_list li{ float:left; height:112px; padding:5px 10px 5px 10px;width:122px;}
			.poto_list li img{ width:120px; height:90px; border:1px solid #000;}
			.poto_list li p{ text-align:center; line-height:normal;width:122px;white-space:nowrap;overflow:hidden;}
			* html .poto_list li p{ line-height:160%;}
			*+html .poto_list li p{ line-height:160%;}
			.car_img_list,.wm_txt{ clear:both; width:235px; overflow:hidden; margin:9px auto;}
			.car_img_list ul{ width:243px;}
			.car_img_list li{ float:left; margin-right:5px; width:75px; height:180px; text-align:center; background:#312225;}
			.car_img_list li img{ width:73px; height:158px; margin-top:1px;}
			.car_img_list li p{ width:73px; text-align:center; }
			.car_img_list li a{ color:#fff;}
			.wm_txt ul{ width:253px; text-align:left;}
			.wm_txt li{ float:left; width:115px; margin-right:10px;}
			.h1_book{ font-size:14px; font-weight:bold; margin-left:310px;}
			.ptop10{ padding-top:10px;}
			.xl_news{ float:right;border:1px solid #AFDEF4; width:237px; height:83px; background:#EEF6FE; overflow:hidden; padding:5px;}
			.h_340{ height:340px;}
			.h_320{ height:320px;}
			.kankan_list{ clear:both; width:228px; margin:0 auto; overflow:hidden; text-align:left;}
			.kankan_list ul{ width:248px;}
			.kankan_list li{ height:21px; margin-right:10px;}
/*截断*/ 
i-txt li,.hd2 li,.movie_c  li,.movie_txt li,.music_c li,.m_228 ul li,.wm_txt li,.car_img_list li p,.car_img_list li p,.anime_tj li p{white-space:nowrap; overflow:hidden;}
/*ft*/
#ft{ position:relative; padding:20px 0; text-align:center;}
	#ft p{ clear:both; padding:2px 0; }
	.ftmenu{ background:#EEF6FE;border:1px solid #AFDEF4;}
	#ft span{ position:absolute; right:30px; bottom:30px;}
	

