/* stylesheet for zsjc.com/jcwd
	design by boyce 2008-11-15
	author:youngsoul(boyce)
	email:youngsoul@126.com
	qq:277841301
*/
@import url("header.css");
@import url("footer.css");
@import url("login51.css");

html {
zoom: expression(function(ele){
	ele.style.zoom = "1";
	document.execCommand("BackgroundImageCache", false, true);
}(this));
}

/*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:#e1e5e9 url(../images/bodyBg.gif) repeat-y 50% top; font-size:12px; width:auto;}
a{color:#000; 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%; overflow:hidden;}
.cRed{color:#dd0005;}
.cBlue{color:#1585b3;}
.cBlue2{color:#3c77b4;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.fArail{font:normal 12px Arial Black, Helvetica, sans-serif;}

/*Level2 Classes*/
.centerCon{margin:0 auto; width:990px;}
.txt{}
input.btn{ text-align:center; cursor:pointer;}
.tag{color:#fff;}

.box{margin:8px 0;}
.rTitle{height:26px; background:url(../images/titleRight.gif) no-repeat right top;}
.rTitle h3{float:left; padding:7px 0 0 20px; height:18px; background:url(../images/titleLeft.gif) no-repeat left top; font-size:12px; color:#031521;}
.rTitle h3 a{color:#031521;}
.rTitle h3 a:hover{color:#ea2d00; text-decoration:none;}
.rTitle .more{float:right; padding:10px 10px 0 0;}
.con{padding:5px; background-color:#fff; border:1px solid #677680; border-top-width:0; overflow:hidden;}

/*main*/

#container{margin:0 auto; width:1003px; overflow:hidden;}

#main{margin:10px auto; width:990px;}

#recmdProduct{float:left; width:328px;}
#productPhoto_command{padding-top:3px; _padding-top:1px;}
#productPhoto_command1{float:left;}
#productPhoto_command2{float:right;}

#player{position:relative; height:262px; _height:256px; overflow:visible;}
#playList{display:none; position:absolute; z-index:1000; top:270px; left:0; border:1px solid #0074a0; width:326px; height:150px; background-color:#fff;}
#playList ul{padding:5px; height:130px; border:5px solid #d9f3fd; overflow:auto;}
#playList ul li{clear:both; float:none; margin-bottom:10px; height:56px; overflow:hidden; cursor:pointer; }
#playList ul li a{display:block; padding:3px; width:100%; height:100%; cursor:pointer;}
#playList ul li a:hover{background-color:#eff7fc; text-decoration:none;}
#playList ul div{float:left; margin-right:5px; height:50px; background:url(../images/photoAlbumLine.gif) repeat-x left bottom;}
#playList ul div.album{padding:5px 12px 8px 13px; width:56px; height:37px; background:url(../images/photoAlbum.gif) no-repeat;}
#playList ul div p{margin-top:5px;}
#playList ul div p strong{color:#00648a;}

#storeInfo .con{height:210px; padding:10px;}
#storeInfo{float:right; width:654px;}
#storeInfo .con ul{float:left; width:310px; border-right:1px dotted #ccc;}
#storeInfo .con ul li{padding:8px 0; width:310px; line-height:150%;}
#storeInfo .con ul li strong{font-size:14px; color:#333;}
#total{margin-top:5px; padding:8px 10px 0 10px; height:27px; overflow:hidden; border:1px solid #677680; background-color:#f6f9fb;}
#total img{vertical-align:text-bottom;}
#total strong{margin-right:10px; color:#ea2d00;}
#total span{margin:0 10px;}

#storeInfo .con a, #total a{text-decoration:underline;}


#products .con, #projects .con{height:auto; padding:10px 15px; overflow:hidden;}
	/*-photoWrapper-*/
.photoWrap{
	float:left; 
	display:inline;
	padding:5px 17px 5px 21px;
	+padding:5px 20px;	
	width:120px;
	height:145px;
	overflow:hidden;
	text-align:center;
	color:#999;
	border-bottom:1px dashed #ccc;
	}
	.photoWrap p{
		line-height:180%;		
		color:#999;
		}
		.photoWrap p img{
			border:1px solid #a0b9cb;
			}
		.photoWrap p a:hover img{
			cursor:hand;
			border:1px solid #c30;
			}

#category{float:left; margin-right:8px; width:160px;}
#category .con{padding:0;}
.cateHead, .cateHead2{margin-bottom:5px; padding:5px 0 2px 20px; background:url(../images/arrow_closed.gif) no-repeat 5px center; color:#dd0005; font-size:12px; border-bottom:1px solid #eee; cursor:pointer;}
.cateHead2{background:url(../images/arrow_opened.gif) no-repeat 5px center;}
.cateList{padding-left:1em; margin-bottom:10px;}
.cateList li{padding:3px 0 3px 10px; background:url(../images/icon_list.gif) no-repeat left center;}
.cateList li a{color:#031521;} .cateList li a:hover{color:#ea2d00;}

#message{float:left; width:514px;}
.msgBox{margin:5px 0; padding:10px; background-color:#f6f9fb; border:1px solid #d9dfe8; border-bottom:2px solid #cdd3db;}
.msgBox p.head{ color:#002139;}
.msgBox p.head strong{color:#cb0000;}
.msgBox p{margin:0; color:#333; line-height:150%;}
.msgBox p.msgCon{text-indent:2em; margin:5px 0; background:none;}
.msgBox .reply{ margin-bottom:10px; border:1px solid #ede366; background-color:#fff; padding:5px; color:#f60; overflow:hidden;}
.msgBox .reply p.tt{color:#c30;}
.msgBox .replyCon{padding:0 5px; color:#333; font-size:14px; text-indent:2em;}
.msgHead{border-bottom:1px solid #ddd;}
#message input.btn{border:none; background:none; width:67px; height:23px; background:url(../images/btn1.gif) no-repeat; color:#fff;}

#combine{float:right; width:300px;}

#news, #honor, #links{margin-bottom:8px;}

.newsList{padding:5px;}
.newsList li{padding:5px 0 5px 10px; background:url(../images/icon_newsList.gif) no-repeat 2px center;}
.newsList li span{margin-left:10px; color:#64737d;}
.newsList li a, #links .con ul li a{color:#2f4159;}
.newsList li a:hover, #links .con ul li a:hover{color:#ea2d00;}

#links .con ul{float:none; clear:both; margin-bottom:10px;}
#links .con ul li{padding:5px 0 5px 10px; width:133px; float:left; background:url(../images/icon_newsList.gif) no-repeat 2px center;}
#links .con div{clear:both; margin:5px 0;}
#links .con div a{display:block; float:left; margin:3px;}
#links .con div a img{padding:2px; border:1px solid #eee;}
#links .con div a:hover img{cursor:hand; border-color:#1585b3;}

#honor .con{padding:15px 0 0 30px;}
#honorBox p{margin:5px 0; padding-left:8px; background:url(../images/icon_newsList.gif) no-repeat left 4px;}
#l1, #l2, #l3, #l4{padding:5px 0; height:15px;}
.pctLine{float:left; position:relative; width:180px; height:6px; background-color:#384d6a; border:1px solid #253346; border-right:1px solid #486489; border-bottom:1px solid #486489;}
#l1 p, #l2 p, #l3 p, #l4 p{float:left; margin:0; padding:0; margin-left:5px; background:none;}
#l1 p span, #l2 p span, #l3 p span, #l4 p span{margin-left:10px; color:#ea2d00;}
.pctLine div{position:absolute; width:100%; height:6px; background:url(../images/percentLine.gif) repeat-x;}

#tuangou{float:right; margin:1px 5px 0 0;}
/*popup screen*/
#Screen{
    position:absolute;
    z-index: 9998;
    top: 0px;
    left: 0px;
    background: #ffffff;
    width: expression(document.body.clientWidth);
    height: expression(document.body.clientHeight);
    display: none;
    filter: alpha(Opacity=70);
    -moz-opacity:0.70;
}
#msgIfr{	
    position:absolute;
    z-index: 9990;
    top: 0px;
    left: 0px;
    background:transparent;
	border:none;
    width: expression(document.body.clientWidth);
    height: expression(document.body.clientHeight);
    display: none;
	filter: alpha(Opacity=0);
    -moz-opacity:0;
}
#Message{
    position: absolute;
	top:0;
	left:0;
	width:690px;
    z-index: 9999;
   display:none;
   background-color:#fff;
   border:1px solid #067fa7;
}
#Message .title{margin-bottom:1px; height:26px; border-bottom:2px solid #004762;}
#Message .title h4{float:left; padding:8px 0 0 10px; font-size:14px; color:#004762;}
#Message .title h4 span{color:#c00; font-weight:normal; font-size:12px;}
#Message .title p{float:right; padding:7px 8px 0 0;}
#Screen2{
    position:absolute;
    z-index: 9918;
    top: 0px;
    left: 0px;
    background: #ffffff;
    width: expression(document.body.clientWidth);
    height: expression(document.body.clientHeight);
    display: none;
    filter: alpha(Opacity=70);
    -moz-opacity:0.70;
}
#msgIfr2{	
    position:absolute;
    z-index: 9920;
    top: 0px;
    left: 0px;
    background:transparent;
	border:none;
    width: expression(document.body.clientWidth);
    height: expression(document.body.clientHeight);
    display: none;
	filter: alpha(Opacity=0);
    -moz-opacity:0;
}
#Message2{
    position: absolute;
	top:0;
	left:0;
	width:430px;
    z-index: 9929;
   display:none;
   background-color:#fff;
}

#fixErr{width:420px; height:230px; border:1px solid #cdcdcd; background:#fff url(../images/fixErr_mainBg.gif) repeat-x left bottom;}
	#fixErr .title{padding:0 10px; height:31px; background:url(../images/fixErr_titleBg.gif) repeat-x; color:#f30;}
	#fixErr .title h3{float:left; padding-top:8px; font-weight:normal; font-size:14px;}
	#fixErr .title a{float:right; margin-top:4px;}
	#fixErr .fm
	{
		padding-top:10px;
		padding-left:20px;
	}
	#fixErr td.td_r{text-align:right;}
	#fixErrtd{padding:2px 0;}
	#fixErr textarea{width:320px; height:80px;}
	#fixErr input{width:100px;}
	#fixErr input.btn
	{
		padding-top:2px; 
		width:80px; 
		height:20px; 
		text-align:center;
		background:none;
		border:none;
		background-color:#fff;
		border:1px solid #0084ff;
		cursor:pointer;
	}
	#info{margin-top:5px; font-size:12px;padding:5px 20px 0 20px; border-top:1px solid #ddd;}
	#info em{font-style:normal; color:#f30;}
	#info *{margin:0 5px;}
/*tuangou*/
#tuangouBox
{
	float:right;
	padding:5px;
	width:680px;
	text-align:left;	
	color:#003278;
	border-top:1px solid #067fa7;
}
#tuangouBox strong{color:#f00; font:normal 12px "宋体"; margin:0 3px;}
#tuangouBox table{width:100%; text-align:left;}
#tuangouBox table td{padding:5px 0; border-bottom:1px dashed #cdcdcd;}
#tuangouBox table td textarea{width:350px; height:80px;}
#tuangouBox td input.btn{width:75px; height:22px;}

#declaration{padding-left:70px; color:#666;}
#declaration li{padding:3px 0;}


/*popup screen*/
#Screen3{
    position:absolute;
    z-index: 9960;
    top: 0px;
    left: 0px;
    background: #ffffff;
    width: expression(document.body.clientWidth);
    height: expression(document.body.clientHeight);
    display: none;
    filter: alpha(Opacity=80);
    -moz-opacity:0.80;
}
#msgIfr3{	
    position:absolute;
    z-index: 9955;
    top: 0px;
    left: 0px;
    background:transparent;
	border:none;
    width: expression(document.body.clientWidth);
    height: expression(document.body.clientHeight);
    display: none;
	filter: alpha(Opacity=0);
    -moz-opacity:0;
}
#Message3{
    position: absolute;
	top:0;
	left:0;
    z-index: 9962;
   	display:none;
	width:375px;
   	background-color:#fff;
}


														/* >>> 3 levels dropMenu <<< */
														
#classes{
	width:158px; 
	background-color:#fff;
	}
	#classes ul{
		padding-left:1em;
		}
		
		.classOne, .classOne2{
			margin:5px 0;
			padding:5px 0 2px 20px; 
			width:138px;
			height:16px;
			background:url(../images/arrow_closed.gif) no-repeat 5px center; 	
			border-bottom:1px solid #eee; 
			cursor:pointer;
			font-size:12px;
			}
			.classOne a, .classOne2 a{
				color:#dd0005; 
				}
		.classOne2{
			background:url(../images/arrow_opened.gif) no-repeat 5px center;
			}
			
		.classTwo, .classTwo2{
			margin:5px 0;
			padding:5px 0 0 15px;
			height:16px;
			font:normal 12px "宋体";
			cursor:pointer;
			background:url(../images/arrow2.gif) no-repeat 2px 8px;
			}
			.classTwo a, .classTwo2 a{
				color:#031521;
				}
			
		.classTwo2{
			font-weight:bold;
			background:url(../images/arrow3.gif) no-repeat 2px 8px;
			}
			
		.classThree, .classThree2{
			margin:4px 0;
			padding:5px 0 0 12px;
			height:16px;
			font:normal 12px "宋体";
			background:url(../images/icon_list.gif) no-repeat 2px 8px;
			}
			.classThree a{
				color:#0278a3;
				}
			.classTwo a:hover, .classTwo2 a:hover, .classThree a:hover, .classThree2 a:hover{
				color:#c30;
				}
			.classThree2{
				background:url(../images/icon_list3.gif) no-repeat 2px 8px;
				}
				.classThree2 a{
					color:#000;
					}

/* >> =others= << */
#zyyw{
	float:left;
	display:block; 
	height:30px;
	}
	
#adWrapper{
	padding:2px 0 2px 1px;
	margin:0 auto;
	width:1003px;
	height:60px;
	overflow:hidden;
	background-color:#fff;
	}
	.abc_a, .abc_b, .abc_c{
		float:left;
		display:inline;
		margin-right:2px;
		width:333px;
		height:60px;
		}
	.abc_c{
		float:right;
		margin-right:0;
		}
		
		
/* = 联系方式部分遮盖 = */

#companyInfo{position:relative;}
	#infoMask{position:absolute; right:10px; top:10px; padding:40px 0 0 70px; width:245px; height:171px; overflow:hidden; background:#f3f3f3 url(../images/warning.gif) no-repeat;}
		#infoMask dl dt{margin-bottom:20px; font:bold 12px "宋体";}
			#infoMask dl dt a{color:#0074a0; text-decoration:none;}
		#infoMask dl dd{margin-bottom:15px;}
			#infoMask dl dd p{color:#dc1200; line-height:250%;}
			#infoMask dl dd span{display:block; padding:4px; width:126px; background-color:#868686; color:#fff;}
/*= 团购报名弹出框 =*/
	#popboxIfr{position:fixed; z-index:19998; right:0; bottom:0; width:309px; height:347px; overflow:hidden; background:none;}			
	#popbox_tuangou{position:fixed; z-index:19999; right:0; bottom:0; width:309px; height:347px; overflow:hidden; text-align:left; background:url(http://www.51zsjc.com/images/popupZhaobiaoIcon.gif) no-repeat;}
	
	* html #popboxIfr{position:absolute;}
	* html #popbox_tuangou{position:absolute;}
	
		#popbox_tuangou .title{float:left; width:26px;}
			#popbox_tuangou .title h4{text-indent:-9999px;}
			#popbox_tuangou .title span{margin:6px 0 0 8px; display:block; width:17px; height:16px; cursor:pointer;}
		#popbox_tuangou .con{padding:10px 5px; background:transparent; border:none;}
			#popbox_tuangou .con dl{padding-top:5px; height:330px; overflow:hidden; color:#333;}
				#popbox_tuangou .con dl dt{padding:6px 0 2px 0; width:65px; height:20px; text-align:right; color:#460000;}				
				#popbox_liangfang .con dl dt{height:23px; color:#000;}
				#popbox_tuangou .con dl dd{margin:-28px 0 0 68px; padding:4px 0;}
				#popbox_liangfang .con dl dd{margin:-31px 0 0 68px;}
					#popbox_tuangou .con dl dd textarea{width:160px; height:45px; border:1px solid ; border-color:#bbb #dadada #dadada #bbb;}				
					#popbox_tuangou .con dl dd .txt{padding:1px; height:14px; border:1px solid ; border-color:#bbb #dadada #dadada #bbb; background-color:#fff; color:#0b3d56; font-size:13px;}
			#popbox_tuangou .con button{width:86px; height:28px; text-align:center; border:none; color:#b4062c; background:url(http://www.51zsjc.com/images/popupZhaobiaoIcon.gif) no-repeat right bottom; cursor:pointer;}
			#popbox_liangfang .con button{background:url(http://www.51zsjc.com/images/liangfangIcon.gif) no-repeat right bottom; color:#fff;}
			#popbox_tuangou .con div{padding:5px 20px; height:52px; border:1px solid #b2cad1; background-color:#fff; color:#0080c9; line-height:160%;}
				#popbox_tuangou .con div strong{font-weight:normal; color:#d00;}
				
/*QQ等联系方式*/
	#contactInfo{margin-left:320px;}
		#contactInfo p{padding:6px 0; line-height:180%;}
		#contactInfo p.phone{padding-left:15px; background:url(../images/icon_phone.gif) no-repeat 2px 5px;}
		#contactInfo p.qq{padding-left:30px; background:url(../images/QQ_jcwd.gif) no-repeat left 6px;}
			#contactInfo p.qq a{text-decoration:none; color:#004184;}
			#contactInfo p.qq a:hover{text-decoration:underline; color:#c00;}