@charset "utf-8";
/* CSS Document */
/*product and productlist page css*/
div#product{padding:20px;}

div#productView{ margin:0 20px;}

	div#productView, div#productView *{ color:#000000; font-size:11pt;}
	div#productView h1.title{ padding-left:24px; line-height:60px; font-size:15pt; text-align:center; margin-top:10px; color:#000000; border-bottom:#CCCCCC 1px solid; margin-bottom:14px;}
	div#productView h2.mode{ text-align:center; display:inline;}
	
	div#productView div#productPicBar{ float:left; border:#CCCCCC 1px solid; position:relative; margin-top:20px; margin-bottom:40px;}
	div#productView div#productPicBar a.productImageShow{ position:absolute; bottom:-24px; left:80px; background:url(../../../images/zoomin.gif) no-repeat left top; font-size:9pt; padding-left:20px; line-height:20px;}
	div#productView div#productPicBar div.productPicture{width:240px; height:240px;}
	
	div#productView div#productInfoBar{ height:260px; width:360px; float:left; margin-left:40px;}
		div#productView #productInfoBar div#showPrice{ margin-top:4px; text-align:center;}
		div#productView #productInfoBar .proName{ color:#999;}
		div#productView #productInfoBar .selfpart {background:url(../images/bg_dotline.gif) repeat-x left bottom; padding-bottom:10px;}
			
			div#productView #productSales div#showPrice .price{ color:#FF5700; font-size:19pt; font-weight:bold; margin:0 4px;}
			div#productView #productSales #inOrder{ width:154px; margin:0 auto; margin-top:20px;}
			div#productView #productSales #inOrder a{background:url(../images/sales.gif) no-repeat left top; display:block; height:42px; width:154px;}
			div#productView #productSales #inOrder a span{ display:none;}
			div#productView #productInfo{ margin-top:30px;}
			div#productView #productInfo a.Inquire{ display:block; line-height:31px; height:31px; width:159px; margin-top:80px; margin-left:50px; background:url(../images/inquire_now_mb.gif) no-repeat left top; text-align:center; color:#5E0A08; font-size:13pt; text-indent:2em; font-weight:bold; text-decoration:none;}
			div#productView #productInfo div{ margin-top:10px;}
		
	div#productView div.content{ clear:both; margin-bottom:20px; background:url(../images/ProductBgLogo.gif) repeat-y center 4px; min-height:80px;}
	div#productView div.content *{ font-size:11pt; line-height:1.8em;}
	div#productView #contentTitle{ margin-top:20px; clear:both; display:block; height:29px; padding:0 16px; background:url(../images/bg_proContentTitle.gif) repeat-x left top;}
	div#productView #contentTitle h2{background:url(../images/bg_proContentTitleLost.gif) no-repeat left top; padding:10px 0 2px 0; width:88px; text-align:center; margin-left:4px; float:left; font-weight:normal; font-size:9pt;}
	div#productView #contentTitle h2.select{ background-image:url(../images/bg_proContentTitleSelect.gif); font-size:11pt; color:#FFF; font-weight:bold; padding:6px 0;}
	
	div#productView .content .title{background:url(../images/bg_proContentTitle2.gif) repeat-x left top; padding:4px 0 4px 0;}
	div#productView .content .title h2{ font-size:9pt; color:#333; margin-left:10px;}
	
	div#productView div.content .contentContent{ margin-top:8px;}
	
	div#productView .productPage #shouCang{ color:#f00;}
/*productlist*/
#ProductList{}
		#ProductList h3.Title{ clear:both; width:70%; background:url(../images/point_newsList.gif) no-repeat 20px 6px; font-size:17pt; padding-left:10px; height:40px; color:#30F;}
		#ProductList span.Title2{ clear:both; display:block; width:70%;  margin-left:10px; height:20px;}
		#ProductList span.Title2 *{ float:left;}
		#ProductList span.Title2 a{ color:blue;}
		#ProductList ul.productClassList{ margin-left:2em; width:90%; display:inline-block; border-bottom:#CCC 1px dashed;}
		#ProductList ul.productClassList li{ float:left; width:30%; line-height:22px;}
		#ProductList ul.productClassList li a.pclassName{ float:left;}
		#ProductList ul.productClassList li a.pclassName:hover,#ProductList ul.productClassList li a.pclassName:hover h2{ color:orange;}
		#ProductList ul.productClassList li a.pclassName h2{ color:blue; font-size:9pt; font-weight:normal;}
		#ProductList ul.productClassList li span.countId{ float:left; font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#666;}
		#ProductList .productNav{ width:564px; margin:10px auto 0 auto; padding-top:10px;}
		#ProductList .productArea{ float:left; height:300px; display:inline-block; padding:20px;}
		#ProductList .productArea .productPicture{ border:#ccc 1px solid; width:240px; height:240px; cursor:pointer;}
		
		#ProductList .productArea .productName{ display:block; width:240px; text-align:center; height:36px; margin-top:6px;}
		#ProductList .productArea .productName a.productNameLink{ display:block; padding-left:10px; color:#0066FF; font-size:11pt; background:url(../images/arrow_rb.png) no-repeat left 2px;}
		
		#ProductList .productArea .productprice{ display:block; width:240px; text-align:center;}
		#ProductList .productArea .button{ margin-left:30px; margin-top:6px;}
		#ProductList .productArea .button a{ display:block; height:20px; line-height:20px; width:80px; float:left; background:url(../images/bg_inquire+detail.jpg) no-repeat; margin-right:6px; color:#5E0A08; font-weight:bold; text-align:center; text-decoration:none;}
		
/*productBanner*/