@charset "utf-8";
/* CSS Document */
/*product and productlist page css*/
div#product{padding:20px;}
	div#productView, div#productView *{ color:#000000; font-size:11pt;}
	div#productView h1.title{ padding-left:24px; height:30px; 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;}
	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; margin:0 auto;}
		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 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{ border:#DDD 1px solid; padding-top:20px;}
		#ProductList h3.Title{ clear:both; width:70%; background:url(../images/point_newsList.gif) no-repeat 20px 6px; font-size:17pt; padding-left:36px; height:40px; color:#30F;}
		#ProductList span.Title2{ clear:both; display:block; width:70%;  margin-left:40px; height:20px; font-family:"宋体", "微软雅黑", "新宋体", "幼圆"}
		#ProductList span.Title2 *{ float:left;}
		#ProductList span.Title2 a{ color:blue;}
		#ProductList ul.productClassList{ margin-left:40px; width:90%; display:inline-block;}
		#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{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#666;}
		#ProductList .productNav{ width:564px; margin:10px auto 0 auto; border-top:#CCC 1px dashed; padding-top:10px;}
		#ProductList .productArea{ float:left; height:300px; display:inline-block; padding:20px;}
		#ProductList .productArea .productName{ display:block; width:240px; text-align:center; height:28px; 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 .productPicture{ border:#ccc 1px solid; width:240px; height:240px}
		
		#ProductList .productArea .productprice{ display:block; width:240px; text-align:center;}
		#ProductList .productArea .productprice a.productPriceLink{ margin:0 4px; color:red; font-weight:bold; padding-left:18px; background:url(../images/rmb.png) no-repeat left bottom;}
		#ProductList .productArea .productprice a.QQTall{ margin-left:10px;}
/*productlist_L*/
#ProductList_L{ padding-top:20px;}
		#ProductList_L h3.Title{ clear:both; width:70%; background:url(../images/point_newsList.gif) no-repeat 20px 6px; font-size:17pt; padding-left:36px; height:40px; color:#30F;}
		#ProductList_L span.Title2{ clear:both; display:block; width:70%;  margin-left:40px; height:20px; font-family:"宋体", "微软雅黑", "新宋体", "幼圆"}
		#ProductList_L span.Title2 *{ float:left;}
		#ProductList_L span.Title2 a{ color:blue;}
		#ProductList_L ul.productClassList{ width:90%; display:inline-block;}
		#ProductList_L ul.productClassList li{ float:left; width:30%; line-height:22px;}
		#ProductList_L ul.productClassList li a.pclassName{ float:left;}
		#ProductList_L ul.productClassList li a.pclassName:hover,#ProductList_L ul.productClassList li a.pclassName:hover h2{ color:orange;}
		#ProductList_L ul.productClassList li a.pclassName h2{ color:blue; font-size:9pt; font-weight:normal;}
		#ProductList_L ul.productClassList li span.countId{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#666;}
		#ProductList_L .productNav{ width:100%; margin:10px auto 0 auto; border-top:#CCC 1px dashed; padding-top:10px;}
		#ProductList_L .productArea{ float:left; height:120px; width:97%; display:inline-block; padding:10px; border-bottom:#CCC 1px dashed;}
		#ProductList_L .productArea .productName{ display:block; float:left; width:540px; height:28px; margin-left:12px; margin-top:6px;}
		#ProductList_L .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_L .productArea .productName a.productNameLink:hover{ color:#F60;}
		#ProductList_L .productArea .description{ float:left; margin-left:12px; width:420px; height:54px; margin-bottom:10px; display:block; overflow:hidden;}
		#ProductList_L .productArea .contant { float:left; width:300px;}
		#ProductList_L .productArea .contant h3 { font-weight:normal; height:22px; line-height:22px;}
		
		#ProductList_L .productArea .productPicture{ border:#EEE 1px solid; width:120px; height:120px; float:left;}
		
		#ProductList_L .productArea .productPicture img{ max-height:110px; max-width:110px;}
		
		#ProductList_L .productArea .productprice{ width:180px; margin-left:12px;}
		#ProductList_L .productArea .productprice a.productPriceLink{ margin:0 4px; color:red; font-weight:bold; padding-left:18px; background:url(../images/rmb.png) no-repeat left bottom;}
		#ProductList_L .productArea .productprice a.QQTall{ margin-left:10px;}
		#ProductList_L .productArea .operate{ float:right;}
		#ProductList_L .productArea .operate .detail, #ProductList_L .productArea .operate .order{ display:block; width:80px; height:20px; background:url(../images/bg_inquire+detail.jpg) left top; text-align:center; line-height:20px; margin-bottom:6px; margin-right:16px; color:#5E0A08; font-weight:bold;}
		
		
		#contantList, #productClassList{ background:url(../images/bg_contantList_top.png) no-repeat left top; height:245px; width:220px; margin-left:10px; float:left;}
		#contantList .list, #productClassList .list{ background:url(../images/bg_contantList_middle.png); margin-top:40px; padding:10px 14px; height:140px; list-style:none; width:192px;}
		#contantList div.contantListBottom, #productClassList div.productListBottom{ background:url(../images/bg_contantList_bottom.png) no-repeat left bottom; height:45px; width:220px; text-align:center; line-height:18px; font-family:"幼圆","宋体"; font-size:9pt; color:#666;}
		#productClassList .list{ line-height:2em;}
		#productClassList .list *{ font-size:11pt;}
		#productClassList .list a{ float:left;}
		#productClassList .list .countId{ float:right;}
/*productBanner*/