/* stylesheet for zsjc.com/news
	design by boyce 2009-1-3
	author:youngsoul(boyce)
	email:youngsoul@126.com
	qq:277841301
*/
@import url("footer.css");
@import url("top.css");
/*base setup*/
*{margin:0; padding:0;}
ul,li{list-style:none;}
a img{border:0;}
form,input,select,textarea,table,tr,td,th{font-size:12px;}
sup{font-size:8px; font-family:sans-serif;}
body{background-color:#f8f7f6; font-size:12px; width:auto;}
a{color:#222; text-decoration:none;}
/*a:visited{color:#999;}*/
a:hover{color:#ea2d00; text-decoration:underline;}
a:active{}
input,select{vertical-align:middle; padding-left:2px;}
img{vertical-align:middle;}


/*Static Classes*/
.clear{clear:both; float:none; line-height:0%;}
.f12{font-size:12px;}
.fArail{font-weight:normal; font-family:Arial Black, Helvetica, sans-serif;}
.cRed, a.detail{color:#ba2636;}


#container{
	position:relative;
	width:950px;
	margin:0 auto;
	background-color:#fff;
	border-left:1px solid #efeeed;
	border-right:1px solid #efeeed;
	}

													/* >>> newsA(news block 1) <<< */
#newsA{
	margin:10px 0;
	}

	#headLines{
		float:left;
		width:432px;
		height:340px;
		overflow:hidden;
		border:1px solid #dfdedd;
		}
		#headLines .ab_a{
			padding:10px;
			width:410px;
			}
			#headLines .ab_a .major{
				margin-bottom:5px;
				padding:5px 0;
				text-align:center;
				background-color:#fcfbfa;
				border:1px solid #eee;
				}
				#headLines .ab_a .major h2{
					font:normal 18px "黑体";					
					}
					#headLines .ab_a .major h2 a{
						color:#b5131c;
						padding-right:10px;
						background:url(../images/icon3.gif) no-repeat right -325px;
						}
				#headLines .ab_a .major .headline{
					margin:0 auto;
					height:20px;
					width:350px;
					overflow:hidden;
					}
					#headLines .ab_a .major .headline h3{
						padding:0;
						width:170px;
						font:normal 12px "宋体";
						line-height:20px;
						text-align:left;
						}
			#headLines .ab_a ul{
				margin:5px 0;
				}
				#headLines .ab_a ul li{
					padding:6px 0 10px 10px;
					height:12px;
					overflow:hidden;
					font-size:14px;
					background:url(../images/icon_news.gif) no-repeat left -248px;
					line-height:20px;
					}
					#headLines .ab_a ul li span{
						margin-left:4px;
						font-size:12px;
						color:#666;
						}
					* html #headLines .ab_a ul li span{display:inline;}					
						#headLines .ab_a ul li span a{
							color:#666;
							}
			#headLines .thumb{
				margin-top:10px;
				font:normal 18px "黑体";
				}
			#headLines p{
				text-indent:2em;
				line-height:180%;
				color:#412100;
				}					
				
	
			ul.midList{
				margin:5px 0 10px 0;
				}
				ul.midList li{
					padding:3px 0 3px 10px;
					background:url(../images/icon_news.gif) no-repeat 2px -290px;
					}
					ul.midList li span{
						color:#666;
						}
			
		     /* >> photoPlayer - rightCon << */
	#photoPlayer{
		position:relative;
		float:right;
		padding:10px;
		width:480px;
		height:320px;
		overflow:hidden;
		border:1px solid #dcdcdc;
		}
		#photos{
			margin-bottom:10px;
			height:272px;
			overflow:hidden;
			}
			#photoPlayer .bigPhoto{
				width:372px;
				height:272px;
				}		
				#photoPlayer .bigPhoto img{
					width:370px;
					height:270px;
					border:1px solid #ccc;
					}
			#photoPlayer .smallPhoto{
				position:absolute;
				top:10px;
				right:10px;
				width:108px;
				overflow:hidden;
				}
			#photoPlayer ul{
				padding:0;
				}
				#photoPlayer ul li{
					float:none;
					position:relative;
					margin-bottom:10px;
					padding-left:18px;
					width:90px;
					height:60px;
					overflow:hidden;
					}
				#photoPlayer ul li.last{
					margin-bottom:0;
					}
					#photoPlayer ul li span{
						display:none;
						}			
					#photoPlayer ul li a img{
						width:88px;
						height:58px;
						border:1px solid #ccc;
						}
					#photoPlayer ul li a:hover img{
						cursor:hand;
						border-color:#b5131c;
						}
					#photoPlayer ul li.active span{		
						display:block;
						position:absolute;		
						top:24px;
						left:4px;
						width:6px;
						height:11px;
						background:url(../images/arrow_player.gif) no-repeat;
						}
			#photoPlayer .photoInfo{						
				height:42px;
				}
				#photoPlayer .photoInfo h3{
					margin-bottom:10px;
					font-size:14px;				
					}
					#photoPlayer .photoInfo h3 a{
						color:#000;
						}
				#photoPlayer .photoInfo p{			
					color:#666;
					}
					#photoPlayer .photoInfo p a{
						color:#d00;
						}
			

													/* >>> newsA(newsArea 1) <<< */
.newsArea{
	margin:10px 0;
	padding-top:5px;
	border-bottom:1px solid #ccc;
	background:url(../images/icon_news.gif) repeat-x left -576px;
	}
	.newsArea .abc_a{
		padding-right:1px;
		width:433px;
		background:url(../images/icon_news2.gif) repeat-y 433px top;
		}
	.newsArea .abc_b{
		width:304px;
		}
	.newsArea .abc_c{
		width:210px; 
		background-color:#fcfbfa;
		border-left:1px solid #e3e2e1; 
		border-right:1px solid #efeeed;
		}
		
		.newsArea .abc_a .title, .newsArea .abc_b .title, .newsArea .abc_c .title{
			margin:10px 7px;
			height:24px;
			background:url(../images/icon_news.gif) repeat-x left -140px;
			border:1px solid #e5e4e3;
			border-top-color:#edeceb;
			}
		.newsArea .abc_b .title{
			margin:10px;
			border:none;
			height:25px;
			background:url(../images/icon_news.gif) repeat-x left -448px;
			}
		.newsArea .abc_c .title{
			margin:8px 7px;
			border:none;
			background:none;
			border-bottom:1px solid #e3e1e2;
			}
			.title h2{
				float:left;
				padding:7px 0 0 18px;
				font-size:12px;
				color:#b5131c;
				background:url(../images/icon_news.gif) no-repeat 4px -83px;
				}
			.newsArea .abc_b .title h2{
				background:url(../images/icon_news.gif) no-repeat 5px -432px;
				}
			.newsArea .abc_c .title h2{
				padding-left:10px;
				color:#000;
				background:url(../images/icon_news.gif) no-repeat 3px -337px;
				}
				.newsArea .abc_a .title h2 a, .newsArea .abc_b .title h2 a{
					color:#b5131c;
					}
				.newsArea .abc_c .title h2 a{
					color:#000;
					}
			.title p{
				float:right;
				display:inline;
				margin-right:5px;
				padding:7px 10px 0 0;
				background:url(../images/icon_news.gif) no-repeat right -400px;
				}
				.newsArea .abc_a .title p a, .newsArea .abc_b .title p a{
					color:#666;
					}
					
		.newsArea .abc_a .listA{
			padding:5px 7px;
			border-bottom:1px dashed #eee;	
			}
		.newsArea .abc_b .listB, .newsArea .abc_c .listC{
			padding:5px 7px;
			}
		.newsArea .abc_a .last{
			border:none;
			}
			.newsArea .abc_a .listA li, .newsArea .abc_b .listB li, .newsArea .abc_c .listC li{
				padding:6px 0 6px 10px;
				font-size:14px;
				background:url(../images/icon_news.gif) no-repeat left -288px;
				}
				.newsArea .abc_b .listB li, .newsArea .abc_c .listC li{
					font-size:12px;
					}
				.newsArea .abc_c .listC li{
					background:url(../images/icon_news2.gif) no-repeat -292px -200px;
					}
				.newsArea .abc_a .listA li span, .newsArea .abc_b .listB li span, .newsArea .abc_c .listC li span{
					margin-left:5px;
					font-size:12px;
					color:#666;
					}
					.newsArea .abc_a .listA li span a{
						color:#902b0c;
						}
	.dlList{
		padding:3px 10px;
		}
		.dlList li{
			float:none;
			clear:both;
			padding:5px 0;
			}
			.dlList li strong{
				display:block;
				float:left;
				height:2em;
				width:60px;
				font:normal 12px "宋体";
				color:#d00;
				line-height:180%;
				}
			.dlList li p{
				float:left;
				width:340px;
				font-size:12px;
				line-height:180%;
				}
						
		.newsArea .abc_c .rank{
			
			}
			.newsArea .abc_c .rank li{
				padding-left:5px;
				background:url(../images/icon_news2.gif) no-repeat -280px -131px;
				}
			.newsArea .abc_c .rank li.rankNum1{
				background:url(../images/icon_news2.gif) no-repeat -280px 6px;
				}
			
			.newsArea .abc_c .rank li.rankNum2{
				background:url(../images/icon_news2.gif) no-repeat -280px -40px;
				}
			
			.newsArea .abc_c .rank li.rankNum3{
				background:url(../images/icon_news2.gif) no-repeat -280px -86px;
				}
				.newsArea .abc_c .rank li span{
					margin:0 5px 0 2px;
					color:#fff;
					font:normal 10px Geneva, Arial, Helvetica, sans-serif;
					}
						
		.newsArea .abc_b h3{
			padding:5px 10px;
			font-size:14px;
			}
			.newsArea .abc_b h3 span{
				font:normal 12px "宋体";
				}
			.newsArea .abc_b .imgText{				
				padding:0 10px 5px 10px;
				}
				.newsArea .abc_b .imgText .image{
					display:block;
					float:left;										
					margin-right:5px;
					width:122px;
					height:92px;
					overflow:hidden;
					}
				.newsArea .abc_b .imgText a img{
					border:1px solid #ccc;					
					}
					.newsArea .abc_b .imgText a:hover img{
						border-color:#b5131c;
						}
				.newsArea .abc_b .imgText p{					
					text-indent:2em;
					color:#666;
					line-height:180%;
					}
				.newsArea .abc_b .imgText ul{
					
					}
					.newsArea .abc_b .imgText ul li{
						padding:4px 0;
						}
						
			.newsArea .abc_b .midList{
				padding:0 10px;
				}
	#process{
		padding:0 10px;
		}
		#process li{
			float:left;
			display:inline;
			margin:0 0 8px 8px;
			padding-top:5px;
			width:128px;
			height:24px;
			background:url(../images/icon_news.gif) no-repeat left -540px;
			}
			#process li span.fArail{
				padding:0 5px 0 8px;
				color:#f3f3f1;
				}
				
	.tabMenu{
		margin:7px;
		height:24px;
		background-color:#fff;
		border:1px solid #e3e2e0;		
		}
		.tabMenu li{
			position:relative;
			float:left;
			display:inline;
			height:24px;
			width:50%;
			}
		.tabMenu li.active{
			background-color:#9d9c9b;
			}
			.tabMenu li h2{
				padding-top:6px;
				text-align:center;
				font:normal 12px "宋体";
				}
			.tabMenu li.active h2{
				font-weight:bold;
				}
				.tabMenu li h2 a{
					color:#9d9c9b;
					}
				.tabMenu li.active h2 a{
					color:#fff;
					}
				.tabMenu li span{
					position:absolute;
					}
				.tabMenu li.active span{
					display:block;
					top:24px;
					left:45%;
					width:7px;
					height:5px;
					background:url(../images/icon_news2.gif) no-repeat -293px -245px;
					}
	.dottedBox{
		margin:7px;
		padding-bottom:10px;
		width:196px;
		background:url(../images/dottedBoxBottom.gif) no-repeat left bottom;
		}
		.dottedBox .dottedBox_top{
			padding-top:1px;
			background:url(../images/dottedBox_top.gif) repeat-x;
			}
			.dottedBox .dottedBox_top .dottedBox_con{
				padding:5px;
				background:url(../images/dottedLine_border.gif) repeat-y;
				}
				.dottedBox .dottedBox_top .dottedBox_con .title{
					margin-top:0;
					}
				.dottedBox .dottedBox_top .dottedBox_con .img{
					width:186px;
					overflow:hidden;
					}
	#jingyingList{
		height:200px;
		overflow:hidden;
		}
	.slideList div.default{
		margin-bottom:2px;
		height:24px;
		overflow:hidden;
		background:url(../images/iconDesigner.gif) no-repeat -46px 5px;
		cursor:pointer;
		}
		.slideList div.default p{
			float:left;
			width:30%;
			padding-top:5px;
			}
		.slideList div.default p.rank{			
			padding-left:10px;
			font:bold 10px Arial, Helvetica, sans-serif;
			}
		.slideList div.default p.city{
			float:right;
			width:20%;
			}
	.slideList div.active, #normalA{
		display:none;
		}
	#detailA{
		display:block;
		}
	.slideList div.odd{
		background-color:#eee;
		}
	
	.slideList div.active{
		margin-bottom:2px;
		padding:2px;
		height:62px;
		overflow:hidden;
		border:1px solid #f5ca00;
		background:#fffde4 url(../images/iconDesigner.gif) no-repeat;
		cursor:default;
		}
		.slideList div.active p{
			float:left;
			padding-top:8px;
			line-height:160%;
			}
			.slideList div.active p a{
				color:#b5131c;
				}
			
		.slideList div.active .photo{
			float:left;
			display:inline;
			margin-right:5px;
			}
		#detailA{
			background-position: 158px 2px;
			}
		#detailB{
			background-position: 158px -83px;
			}
		#detailC{
			background-position: 158px -165px;
			}
		#detailD{
			background-position: 158px -250px;
			}
		#detailE{
			background-position: 158px -335px;
			}
		#detailF{
			background-position: 158px -420px;
			}
		
					
	#newsLinks{
		padding-top:0;
		background:none;
		border:1px solid #ccc;
		background-color:#fff;
		}
		#newsLinks .title{
			margin-bottom:0;
			height:28px;
			overflow:hidden;			
			background:#f3f3f2 url(../images/icon3.gif) no-repeat 5px -40px;
			}
			#newsLinks .title h2{
				background:none;
				padding:7px 0 0 0;
				width:100px;
				text-align:center;
				}
		#newsLinks .con{
			padding:10px;			
			line-height:200%;
			}
			.tb_rencai{
				margin:0 8px;
				height:200px;
				overflow:hidden;
				}
				.tb_rencai table{
					width:100%;
					}
					.tb_rencai table td, .tb_rencai table th{
						padding:5px 0;
						+padding:4px 0;
						height:16px;
						border-bottom:1px dashed #dedede;
						}
					.tb_rencai table th{
						padding:5px 0 2px 0;
						height:18px;
						text-align:left;
						border-bottom:1px solid #bcbcbc;
						font-weight:normal;
						color:#b5131c;
						}
						
						
	.tagGroup{
		margin:3px 10px;
		padding:3px;
		line-height:180%;
		background-color:#f8f8f8;
		}


														/* >>> reusability classes <<<< */									
														
.ab_a{float:left;}
.ab_b{float:right;}
.abc_a{float:left;}
.abc_b{float:left;}
.abc_c{float:right;}


		
		#logo h1{position:relative;}
			#logo h1 span{display:block; position:absolute; right:5px; top:8px; font:bold 13px "宋体"; color:#d00;}