﻿@charset "utf-8";
html,body{
height:100%;
}
body{
margin:0px;
font-size:12px;
color:#5E5E5E;
font-family:Arial, Helvetica, sans-serif;
}
a{
text-decoration:none;
color:#666666;
}
img{
border:0px;
}
h3{
font-size:22px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
h4{/*menuitem*/
font-size:14px;
margin:0px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
h5{
font-size:18px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
}
h6{
font-size:12px;
margin:0px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}
#toplayout{
margin:10px auto;
width:1000px;
}
#logo{
width:150px;
height:60px;
float:left;
}
#logo a{
display:block;
width:150px;
height:60px;
}
#language{
width:100px;
height:60px;
margin-left:10px;
float:left;
}
#language ul{
display:block;
list-style:none;
color:#999999;
}
#banner{
height:60px;
width:700px;
text-align:center;
overflow:hidden;
}
#menulayout{
margin:0px;
overflow:hidden;
width:100%;
background:url(../../images/menuli_bg.jpg);
height:40px;
}
#menudiv{
margin:0 auto;
width:950px;
}
#ulmenu{
margin:0px;
display:block;
list-style:none;
border:0px;
}
#ulmenu li{
margin-top:0px;
float:left;
display:block;
height:35px;
}
#ulmenu li span.menuli_div{
margin-left:0px;
margin-top:0px;
width:14px;
height:18px;
float:left;
background:url(../../images/menuli_div.jpg);
padding-left:0px; 
padding-right:0px; 
padding-top:15px;
padding-bottom:6px;
}
#ulmenu li a{
margin:0px;
float:left;
background:url(../../images/menuli_bg.jpg);
padding-left:8px; 
padding-right:8px; 
padding-top:16px;
padding-bottom:6px;
text-decoration:none;
font-size:14px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#ulmenu li a.currentli{
margin:0px;
float:left;
background:url(../../images/menuli_left.jpg) no-repeat left top;
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px; 
padding-left:8px; 
text-decoration:none;
}
#ulmenu li a.currentli span{
margin:0px;
display:block; 
background:url(../../images/menuli_right.jpg) no-repeat right top;
padding:16px 16px 6px 8px; 

}
#ulmenu li a:hover{
margin-left:0px;
float:left;
background:url(../../images/menuli_hover_left.jpg) no-repeat left top;
padding-left:8px; 
padding-right:0px; 
padding-top:0px;
padding-bottom:0px;
text-decoration:none;
font-weight:bold;
}

#ulmenu li a:hover span.menuitem{
display:block; 
background:url(../../images/menuli_hover_right.jpg) no-repeat right top;
padding:16px 15px 6px 8px; 
}


/*default-main*/
#mainlayout{
clear:both;
margin:10px auto;
width:1000px;
}

#index_flash{
margin:0px;
float:left;
width:550px;
height:150px;
}
#news{
float:right;
width:440px;
height:150px;
background:url(../../images/news.jpg);
overflow:hidden;
}
#news ul{
margin-top:0px;
list-style:none;
display:block;
width:350px;
overflow:hidden;
}
#news ul li{
width:350px;
margin-left:35px;
overflow:hidden;
padding-top:6px;
overflow:hidden;
border-bottom:1px dashed #CCCCCC;
}
#news ul li.topnews{
margin-left:25px;
padding-top:23px;
padding-bottom:12px;
overflow:hidden;
border-bottom:0px;
font-size:16px;
font-weight:bold;
}


#index_board{
clear:both;
width:220px;
height:160px;
margin-top:10px;
float:left;
overflow:hidden;
}
#index_productgood{
margin-top:10px;
margin-left:30px;
width:450px;
float:left;
height:160px;
overflow:hidden;
}
#index_board_title{
width:190px;
height:31px;
float:left;
background:url(../../images/index.jpg) no-repeat -504px -5px;
padding-left:32px;
}
#index_board_title_content{
display:block;
width:190px;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(../../images/index.jpg) no-repeat -600px -5px;

}
#index_board_content{
width:220px;
height:140px;
background:url(../../images/index.jpg) no-repeat -508px -92px;
overflow:hidden;
padding-top:5px;
}
#index_board_content ul{
width:200px;
list-style-type:none;
padding-left:0px;
display:block;
margin:0px 10px;
overflow:hidden;
}
#index_board_content ul li{
display:block;
border-bottom:1px dashed #CCCCCC;
margin:10px 5px;
background-image:url(../../images/point.gif);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:10px;
}

#index_productgood_title{
width:415px;

height:31px;
float:left;
background:url(../../images/index.jpg) no-repeat -11px -5px;
padding-left:35px;
overflow:hidden;
}
#index_productgood_title_content{
display:block;
width:415px;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(../../images/index.jpg) no-repeat -74px -5px;
}
#index_productgood_content img{
border:0px;
}
#index_productgood_content span{
display:block;
border:0px;
width:120px;
height:20px;
overflow:hidden;
padding-top:10px;
}
#index_productgood_content{
width:450px;
height:140px;
background:url(../../images/index.jpg) no-repeat -11px -92px;
float:left;
overflow:hidden;
padding:0px 2px;
}

#index_special{
margin-top:10px;
margin-left:30px;
width:260px;
float:left;
height:160px;
overflow:hidden;
}
#index_special_title{
width:260px;
height:31px;
float:left;
background:url(../../images/index.jpg) no-repeat -504px -5px;
padding-left:32px;
}
#index_special_title_content{
display:block;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(../../images/index.jpg) no-repeat -261px -5px;

}
#index_special_content{
width:260px;
height:140px;
background:url(../../images/index.jpg) no-repeat -761px -182px;
overflow:hidden;
padding-left:20px;
}
#index_special_content div{
margin:5px 5px 0px 5px;
float:left;
width:100px;
height:50px;
overflow:hidden;
border:1px solid #C0C0C0;
}
#index_special_content div img{
border:0px;
}

#index_productlist{
clear:both;
margin-top:10px;
width:700px;
float:left;
overflow:hidden;
}
#index_producttitle{
width:700px;
height:31px;
float:left;
background:url(../../images/index.jpg) no-repeat -11px -233px;
}
#index_producttitle_name{
width:120px;
margin-left:490px;
height:15px;
padding-top:15px;
font-weight:bold;
position:relative;
}
#index_productlist_detail{
width:700px;
height:240px;
background:url(../../images/index.jpg) no-repeat -11px -287px;
overflow:hidden;
margin-left:
}
#index_productlist_detail img{
width:100px;
height:88px;
border:0px;
}


#index_other{
margin-top:10px;
margin-left:30px;
width:260px;
float:left;
overflow:hidden;
}
#index_other_title{
width:260px;
height:31px;
float:left;
background:url(../../images/index.jpg) no-repeat -760px -398px;
padding-left:32px;
}
#index_other_title_content{
display:block;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(../../images/index.jpg) no-repeat -932px -398px;

}
#index_other_content{
width:260px;
height:240px;
background:url(../../images/index.jpg) no-repeat -761px -85px;
overflow:hidden;
padding-left:10px;
}
#index_other_content div{
margin:3px;
float:left;
padding:2px;
width:110px;
height:102px;
text-align:center;
overflow:hidden;
}
#index_other_content  img{
width:105px;
height:85px;
border:1px solid #C1C1C1;
}
#index_other_content div h6{
height:12px;
overflow:hidden;
margin:2px;
font-size:12px;
font-weight:normal;
}

#index_productlist_detail div{
margin:3px;
float:left;
padding:2px;
width:123px;
height:105px;
text-align:center;
overflow:hidden;
}
#index_productlist_detail div span{
display:block;
margin:0px;
font-size:12px;
font-weight:normal;
}
#index_producttype{
position:absolute;
margin-top:0px;
margin-left:-80px;
width:220px;
}
#index_producttype ul{
list-style:none;
margin-left:5px;
}
#index_producttype  a{
display:block;
width:100px;
height:20px;
text-align:center;
border:1px solid #FFCC33;
background:#ffffff;
padding-top:5px;
}
#index_producttype  a:hover{
background:#FFCC00;
}
#footer{
clear:both;
border-top:1px solid #CCCCCC;
line-height:150%;
text-align:center;
padding-top:10px;
}
#containerul, #containerul ul{
  text-align:left;
  margin:10px;	
  padding:0;
}

#containerul li{
  margin:0 0 0 30px;
  padding:0;
  list-style-type:none;	
}

#containerul .symbols{
  float:left;
  width:14px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
  cursor:pointer;
}



#bottompage{
clear:both;
height:20px;
margin:10px auto;
}
#bottompage ul{
list-style:none;
}
#bottompage ul li{
float:left;
display:block;
margin-left:2px;
width:25px;
height:26px;
border:1px solid #BBDDFF;
text-align:center;
}
#bottompage ul li.nextprev{
width:50px;
}
#bottompage ul li a{
display:block;
width:25px;height:20px;
background-color:#EAE8E9;
padding:6px 0px 0px 0px;
}
#bottompage ul li.nextprev a{
width:50px;
}
#bottompage ul li a:hover{
background-color:#FFCC00;
}
#bottompage ul li span{
display:block;
background-color:#FFFFFFF;
padding:6px 0px 5px 0px;
}
#bottompage ul li.currentpage span{
font-weight:bold;
background-color:#FFCC00;
}
#bottompage span.recordcount{
display:block;
background-color:#FFFFFF;
padding:8px;
border:0px;
cursor:default;
}


#main_top{
width:1000px;
height:42px;
margin:0px auto;
background:url(../../images/main_top.jpg) no-repeat;
}
#main_middle{
width:1000px;
margin:0px auto;
background:url(../../images/main_middle.jpg);

}
#main_middle_layout{
clear:both;
width:900px;
margin:0px auto;
overflow:hidden;
position:relative;
}
#main_bottom{
width:1000px;
height:21px;
margin:0px auto;
background:url(../../images/main_bottom.jpg) no-repeat;
}
.articlelist_hot{
width:200px;
border:1px solid;
float:left;
margin-right:10px;
}
.articlelist_div{
width:620px;
float:left;
}

.hotlisttitle{
	height:20px;
	background:url(../../images/hotbg.jpg);
	font-weight:bold;
	font-size:14px;
	padding-left:5px;
	padding-top:10px;
	color:#800040;

}
.articlelist_hot ul{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}
.articlelist_hot li{
	padding-left:0px;
	margin-left:0px;
	height:30px;
}
.articlelist_hot a{
	display:block;
	width:190px;
	height:20px;
	padding:5px;
}
.articlelist_hot a:hover{
	border:1px solid #FD8A04;
	background:#FFF3D9;
}
.articlerecord{
	display:block;
	width:650px;
	padding:5px;
}
.articlerecord2{
	display:block;
	width:850px;
	padding:5px;
}
.articlerecord:hover,.articlerecord2:hover{
	border:1px solid #FD8A04;
	background:#FFF3D9;
}
.articlerecord div.articletitle,.articlerecord2 div.articletitle{
	font-size:14px;
	font-weight:bold;
	color:#800000;
	border-bottom:1px dotted #C0C0C0;
	margin-bottom:5px;
	text-align:left;
}
.articlerecord div.articletitle span.addtime,.articlerecord2 div.articletitle span.addtime{
	font-size:12px;
	color:#C0C0C0;
}

.articlepreview{
display:block;
font-size:14px;
padding-bottom:5px;
margin-bottom:20px;
}
.articletitle{
text-align:center;
font-size:18px;
font-weight:bold;
margin:10px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
}
.articleshowaddtime{
text-align:center;
font-size:12px;
margin-bottom:15px;
padding:5px;
border-bottom:1px dotted;
}
.productrecord,.photorecord{
display:block;
width:400px;
height:140px;
margin:10px;
padding:5px;
float:left;
border:1px solid #cccccc;
}
.productrecord:hover,.photorecord:hover{
	border:1px solid #FD8A04;
	background:#FFF3D9;
}

.productrecord div.productimage{
width:130px;
height:130px;
margin:5px;
border:1px solid #DDDDDD;
float:left;
}
.productrecord div.productimage img{
width:130px;
height:130px;
}
.photorecord{
height:160px;
}
.photorecord div.photoimage{
width:150px;
height:150px;
margin:5px;
border:1px solid #DDDDDD;
float:left;
}
.photorecord div.photoimage img{
width:150px;
height:150px;
}

.productrecord div.productinfo{
font-size:13px;
}
.productrecord div.productname{
margin:5px;
font-size:14px;
font-weight:bold;
}
.photorecord div.photoname{
margin:5px;
font-size:14px;
font-weight:bold;
}
.photorecord div.photoname span.photoaddtime{
font-size:12px;
font-weight:normal;
}

.product_shortcut{
width:750px;
height:230px;
margin:10px auto;
border:1px solid #FD8A04;
background:#FFF3D9;
font-size:14px;
line-height:150%;
}
.product_shortcut img{
width:200px;
height:200px;
overflow:hidden;
float:left;
padding:10px;
border:0px;
}
.showphotoimg img{
overflow:hidden;
padding:10px;
border:0px;
}
.product_shortcut div.productaddtime img{
width:141px;
height:37px;
}

#allspecial,#speciallayout,#messagetype{
width:900px;
margin:0px auto;
}
#messagetype{
	font-size:14px;
	margin-bottom:5px;
}
.replycontent{
display:block;
width:800px;
margin:10px auto;
background:#FFFF99;
border:1px solid #FFCC00;
padding:10px;
}
.commenttitle{
font-weight:bold;
font-size:14px;
margin:10px 0px;
color:#800000;
border-bottom:1px solid #CCCCCC;
}

#addrecordcommentlayout table{
width:400px;
font-size:12px;
color:#333333;
}
#addcommentlayout table{
width:500px;
font-size:12px;
color:#333333;
}
#addcommentlayout table th, #addcommentlayout table td{
padding:3px;
}
#addcommentlayout table th{
text-align:right;
font-weight:normal;
}
#addcommentlayout h1{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:-2px;
font-size:40px;
padding-bottom:15px;
border-bottom:2px solid #FF9900;
margin-bottom:10px;
background-color:#FFFFFF;
}
#addcommentlayout h2{
color:#333333;
font-size:18px;
font-weight:normal;
padding:10px;
}
.textInput{
width:150px;
height:20px;
border:1px solid  #FF9900;
line-height:21px;
}
select{
font-size:12px;
}
select option{
background-color: #FF9900;
}
select .l2{
background-color: #FF9900;
}
textarea{
width:300px;
height:100px;
border:1px solid #FF9900;
}
.submitbutton{
width:100px;
height:25px;
margin-top:20px;
margin-left:186px;
font-size:12px;
font-weight:bold;
}
#childtypelist{
height:25px;
padding:0px;
margin-left:30px;
margin-bottom:20px;
width:900px;
}
#childtypelist ul{
list-style:none;
}
#childtypelist ul li{
display:block;
float:right;
margin-left:10px;
height:15px;
padding:5px;
}
#childtypelist ul li a{
text-align:right;
display:block;
font-size:14px;
padding:5px;
font-weight:bold;
border-bottom:1px solid #FF9900;
background:#FFFFCC;

}
#childtypelist ul li a:hover{
border:1px solid #FF9900;
background:#DFDFDF;
}
#producttypes{
margin-left:100px;
width:300px;
position:relative;
clear:both;
}
#protypes{
width:110px;
left:0px;
float:left;
z-index:5;
text-align:left;
position:absolute;
right:0px;
bottom:0px;
padding:5px;
background:#ffffff;
border:1px solid;
}
#protypes ul{
list-style:none;
margin:0px;
padding:0px;
}
#protypes ul li a{
display:block;
height:20px;
padding-top:5px;
}
#protypes ul li ul{
list-style:none;
margin-left:5px;
padding-left:5px;
}
#protypes ul li a:hover{
background:#FFD9B3;
border:1px solid #FF8000;

}
#middle_ad{
width:1000px;
margin:5px auto;
overflow:hidden;
text-align:center;
}
#member_left{
width:150px;
float:left;
height:500px;
border-right:1px solid #CCCCCC;
padding-left:30px;
}
#member_left ul{
list-style:none;
}
#member_left ul li{
margin-bottom:10px;
}
#member_left ul li a{
display:block;
background: #FFCC66;
border:1px solid #FF9900;
width:80px;
height:20px;
text-align:center;
padding-top:10px;
}
#member_left ul li a:hover{
background:#FF6600;
color:#ffffff;
font-weight:bold;
}
#member_right{
height:500px;
border:1px solid;
}
#dialog_comment{
height:400px; 
width:500px; 
border:1px solid;
background-color:#FFFFFF; 
position:absolute;
left:50%; 
right:50%; 
margin-left:-400px; 
top:50%; 
bottom:50%; 
margin-top:-200px; 
z-index:3;
}
#index_board_content div{
margin-top:5px;
}
#index_board_content .login_left{
display:block;
width:60px;
padding-left:10px;
margin-top:5px;
float:left;
}
#index_board_content .login_btn{
text-align:center;
padding-top:5px;
}
#searchbox{
clear:both;
margin:0px auto;
width:1000px;
height:40px;
}
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.specialdiv_title{
margin-top:10px;
border-bottom:1px solid;
}
.specialdiv_title span{
display:block;
background:#EAEAEA;
width:100px;
height:10px;
padding:10px;
font-weight:bold;
font-size:14px;
}
#crumb{
width:1000px;
height:15px;
margin:5px auto;
}
#crumb ul{
list-style:none;

}
#crumb ul li{
background-image:url(../../images/crumb_arrow.gif);
background-repeat:no-repeat;
background-position:1px 3px 1px 3px;
padding-left:10px;
float:left;
display:block;
margin-left:10px;
}
#crumb ul li a:hover{
color:#FF9933;
}
.line{
clear:both;
height:10px;
background:url(../../images/line.gif) repeat-x;
margin-bottom:10px;
}
.addcomment{
margin-left:10px;
color:red;
font-weight:bold;
}
#recordcomment_dialog{
height:280px; 
width:400px; 
border:1px solid;
background-color:#FFFFFF; 
margin-left:100px;
}
.morecomment{
font-weight:bold;margin-left:600px;margin-bottom:20px;
}
.articleaddtime{
font-size:12px;
color:gray;
font-weight:normal;
}
#middlead{
clear:both;
margin:0px auto;
width:1000px;
text-align:center;
}

