/* 
#######################################
网站前台公共 CSS
#######################################
*/ 

body{ text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0px;}
a:link {color: #000; text-decoration: none} 
a:visited {color: #000; text-decoration: none} 
a:hover {text-decoration: underline} 
li{ list-style-type:none }  
h1,h2{ margin:0; padding:0; }  

.web_body{ width:990px; height:auto; margin:0 auto; text-align:left; overflow:hidden;} 
/* TOP头部CSS - Start */ 
.web_top{ width:100%; height:50px; line-height:50px; margin-top:10px; padding:0px;} 
	.web_top li{ list-style:none; display:inline; margin:0; padding:0px; height:50px; vertical-align:bottom;}
	.web_top_logo{ float:left; width:250px; background: url(/images/top/logo.gif) left top no-repeat; cursor:pointer;} 
	.web_top_txt{ float:left; width:460px; color:#999; line-height:16px;} 
	.web_top_right{ float:right; width:270px; background: url(/images/top/top_right.gif) left bottom no-repeat; vertical-align:bottom; text-align:right; display:table;} 
	.web_top_right div { float:left; margin-top:28px; height:22px; line-height:22px; display:table-cell; } 
		.web_top_right div a:link{ color:#FFF; text-decoration:none;} 
		.web_top_right div a:hover{ color:#FFF; text-decoration:none;} 
		.web_top_right div a:visited{ color:#FFF; text-decoration:none;} 
		.web_top_right div a:active{ color:#FFF; text-decoration:none;} 
		.web_top_right_1{ width:90px; text-align:right; padding-right:2px;}
		.web_top_right_2{ width:85px; text-align:right; padding-right:5px;}
		.web_top_right_3{ width:80px; text-align:right; padding-right:5px;}
	
.top_daohang{ clear:both; width:100%; height:24px; line-height:24px; background: url(/images/top/product_daohang.jpg) top left no-repeat; margin:0; padding:0px; white-space:nowrap; display:block; } 
	.top_daohang a{ float:left; color:#666; height:24px; list-style:none;  display:inline; margin:0; padding:0px; color:#000; font-size:12px; font-weight:bold; text-decoration:none; text-align:center;} 
	.top_daohang a:hover{ text-decoration:none; background-image: url(/images/top/product_daohang.jpg); background-repeat: no-repeat;} 
	.top_daohang a:visited{ color:#666;}
	.top_daohang .top_daohang_item_over1 { width:70px; background-position: -135px -26px; margin-left:135px; color:#666;} 
	.top_daohang .top_daohang_item_over2 { width:100px; background-position: -205px -26px; color:#666;} 
	.top_daohang .top_daohang_item_over3 { width:105px; background-position: -305px -26px; color:#666;} 
	.top_daohang .top_daohang_item_over4 { width:101px; background-position: -410px -26px; color:#666;} 
	.top_daohang .top_daohang_item_over5 { width:135px; background-position: -511px -26px; color:#666;} 
	.top_daohang .top_daohang_item_over6 { width:128px; background-position: -646px -26px; color:#666;} 
	.top_daohang .top_daohang_item_over7 { width:110px; background-position: -774px -26px; color:#666;} 
	
.top_cart{ clear:both; height:20px; line-height:20px; text-align:right; margin-top:2px; background: url(/images/top/product_top_cart_bg.gif) top left no-repeat; color:#fff; padding:0px 10px;}
.top_cart img{ margin-top:3px; }
.top_cart a, .top_cart a:visited{ color:#fff; text-decoration:none;}
.top_cart #cart_item_count { }
.top_cart .top_cart_txt{ margin-top:-5px;}
a.cart_check_out:link, a.cart_check_out:visited {color: #fff; text-decoration: none}
a.cart_check_out:hover {text-decoration: underline}

/* TOP头部CSS - End */ 

/* 主要内容CSS - Start */ 
.web_main { clear:both; width:990px; height:auto; margin:0; margin-top:5px; padding:0px; display:table; text-align:center;}
	.main{ clear:both; width:990px; height:auto; margin:5px auto; padding:0px; text-align:left;}
		.left{ float:left; width:162px; height:auto; margin:0; padding:0px; }
			.search_item{ text-align:center; border:1px #ccc solid; margin:0; padding:0px;} 
				.search_title{ background:url(/images/index/left_title_bg.jpg) top left repeat-x; height: 24px; line-height:24px; text-align: center; color: #fff; font-weight:bold; }
				.search_frm{ height:220px; text-align:center;  background:url(/images/index/left_search_bg.jpg) top center no-repeat; margin:2px auto; padding:4px 0px; overflow:hidden; }
				
			.left_item{ text-align:center; border:1px #ccc solid; margin-top:5px; padding:0px;} 
				.left_title{ background:url(/images/index/left_title_bg.jpg) top left repeat-x; height: 24px; line-height:24px; text-align: center; color: #fff; font-weight:bold; }
					.left_title a{ color:#fff;}
				.left_content{ clear:both; text-align:left;}
			.left_item_img{ clear:both; margin-top:5px; padding:0px; text-align:center; }
				.left_item_img a{ margin:0; padding:0px;}

			.left_types{ width:100%; background:url(../pearl-jewelry-image/left_bg.gif) no-repeat top; height:216px; text-align:left;}
			.left_types ul { list-style-image:url(../pearl-jewelry-image/arrow.gif); margin:30px 25px 0 20px; padding:0}
			.left_types ul li { font-weight:bold; font-size:11px;}
			.left_types div { margin: 10px 0 0 40px;}
			.left_types div a{ display:block; font-size:11px; font-weight:bold; background:url(../pearl-jewelry-image/arrow1.gif) no-repeat left; padding-left:14px;}
			
			.left-cus{border-bottom:dashed #999 1px; margin-bottom:10px; padding:2px 2px 15px 2px; text-align:left;}  
			.left-cus a{ color:#000 }
				
		.right{ float:right; width:810px; height:auto; margin:0; padding:0px; overflow:hidden; }
			.position_txt{ margin:2px 0px; text-align:left;}

			.content_item{ clear:both; margin:5px auto; padding:0px; position:relative; }
				.content_item_left{ float:left; width:580px; margin:0; padding:0px;}
				.content_item_right{ float:right; width:230px; margin:0; padding:0px;}

			.ProductInfo{ margin:5px auto; font-size: 16px; font-weight: bold; text-align:center;}
			.ProPic{ text-align:center; } 
			.Pro_price { height:48px; text-align:center; }
				.Pro_price span { font-size: 20px; line-height:35px; color: #CC3366; font-weight: bold;}
			.RigPic{ margin:10px auto; text-align:center; } 
				
			.OrdInfo{ clear:both; width:99%; border:solid 1px #999; }  
				.OrdInfo p{ margin:0; padding:0px; }  
				.OrdInfo .p1{ line-height:25px; font-size:16px; color:#333; font-weight:bold; border-bottom:dashed 1px #ccc; }  
				.OrdInfo .p1 span{ font-size:12px; }  
				.OrdInfo .p2{ font-size: 25px; line-height:35px; color: #CC3366; font-weight: bold; text-align: center; font-family:Arial; }  
				.OrdInfo .p3{ font-size:15px; line-height:25px; color:#cc3366; font-weight: bold; text-align: center; font-family:Arial; }  
				.OrdInfo .p4{ padding:4px; line-height:23px; border-top:dashed 1px #ccc; }  
			.Button{ text-align:center; margin:10px;} 
			.Inquiry{ clear:both; border:solid 1px #999; color:#444; }  
				.Inquiry_txt{ padding:2px 6px; background:url(../pearl-jewelry-image/dsh.jpg) no-repeat; border-bottom:solid 1px #999; } 
					.Inquiry_txt_title{ font-size:14px; font-weight:bold; padding:5px 0px; text-align:center; } 
					.Inquiry_txt_content{} 
				.Inquiry_form{ text-align:center;}
				.Inquiry_form form{ margin:0; padding:0px;}
				.Inquiry_form div{ margin:2px auto;}
				.Inquiry_form .send{ background:url(../pearl-jewelry-image/tubiao.gif) no-repeat right ; border-width:0; height:38px; cursor:pointer; }
				
				
				
/* 主要内容CSS - End */ 


/* TOP头部CSS - Start */ 
.web_bottom { clear:both; margin-top:10px; padding:0px;}
.bottom_daohang { height: 19px; width: 100%; text-align: center; vertical-align: bottom; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
	.bottom_daohang img{ margin-left:3px; margin-right:2px; }
.bottom_copyright { text-align: center; margin:10px auto; padding:0px;}
/* TOP头部CSS - End */ 

/* 产品总价（美元） */ 
.total_price_txt{font-size:30px; color:#CC3366; height:40px; line-height:40px; text-align:center;}
/* 产品总价（欧元） */ 
.total_eur_price{font-size:12px; color:#666; text-align:center;}

/* 此处为产品展示切换 */ 

#productspic{
    width:550px;
	height:531px;
    float:left;
	
}
.clear{
    clear:both;
	height:0;
	border:none;
}
.bigpic{
    width:550px;
	height:413px;
}
.smallpic{
    width:550px;
	height:98px;
	float:left;
}
.smallpic ul{
	margin:0px;
	padding:0px;
	float:left;
}
.smallpic ul li{
    float:left;
	margin-right:5px;
	margin-top:10px;
}
.smallpic ul li img{
    border:1px solid #C6C6C6;
}




