.clear{clear:both;}
#product{width:1100px; clear:both;}
#product .box{float:left;}
.w130{width:130px; float:left;}
.w830{width:830px; float:left;}
.w930{width:980px;}
.w530{width:560px;}
.mt20{margin-bottom:20px;}
.productListBg{ float:left; background:url(../../images/proya/product/product_listBg.jpg) bottom left no-repeat; padding-bottom:25px;}
#productList li{ float:left; margin:0px 20px 15px 0; background:url(../images/product_cp_bg.png) no-repeat; width:392px; height:207px; position:relative;}
#productList li h1{font-family:"ººÒÇÖÐÔ²¼ò","Microsoft yahei"; font-size:23px; color:#fff; font-weight:lighter; height:31px; line-height:31px; position:absolute; top:9px; left:32px; z-index:5;}
#productList li p{ color:#868686; position:absolute; top:55px; left:32px; line-height:30px; z-index:5;}
#productList li p a{color:#868686;} #productList li p a:hover{color:#268203;}
#productList li p .more{ background:url(../images/product_icon.png) 0 -77px no-repeat; width:83px; height:22px; line-height:22px; display:block; color:#fff; text-align:center; margin-top:15px; z-index:5;}
#productList li .product_cp{ position:absolute; right:0; bottom:-35px; z-index:1;}


/*²úÆ·Ò³×ó±ß²Ëµ¥*/
#leftNav{ width:100%;}
#leftNav li{ margin-top:5px;}
#leftNav li h1{color:#006633; height:24px; line-height:24px; text-indent:8px; font-family:"ººÒÇÖÐÔ²¼ò","Microsoft yahei"; font-size:14px; font-weight:lighter;}
#leftNav li h1 span{ float:left;background:url(../images/product_icon.png) 0 -28px no-repeat; margin-top:8px;width:9px; height:9px; display:inline-block;}

#leftNav li ul{ width:135px; overflow:hidden;}
#leftNav li ul li{ width:135px; height:22px; overflow:hidden;}
#leftNav li ul li a{ background:url(../images/product_icon.png) 4px -102px no-repeat; color:#828282; text-indent:16px; display:block; width:119px; font-family:"ººÒÇÖÐÔ²¼ò","Microsoft yahei"; font-size:13px;}
#leftNav li ul li a:hover,#leftNav li ul li a.active{ color:#006633; text-decoration:none;}
.subNav{width:100%; height:0px; overflow:hidden;}


/*²úÆ·ÂÖ²¥*/
#product_banner{ width:830px; height:418px; overflow:hidden; position:relative;}
#product_banner .playDom{ position:absolute; filter:alpha(opacity=0); width:830px; height:418px; opacity:0; z-index:3; top:0; left:0;}
#product_banner img.playDom:first-child{filter:alpha(opacity=100); opacity:1;}
#product_banner #page{ position:absolute; z-index:5; width:auto; height:11px; bottom:20px; right:10px;}
#product_banner #page a{ float:left; width:11px; height:11px; margin:0 3px; cursor:pointer;display:inline-block; background:url(../images/product_icon_1.png) no-repeat;}
#product_banner #page a:hover,#product_banner #page a.active{ background-position:-13px 0;}

.depro img{ width:auto; float:left; margin-top:30px; margin-left:50px;}

.makeuppicImg img{ width:188px; height:337px; float:left; margin-left:80px;}

/*²úÆ·ÄÚÒ³*/
.detail_name { float:left; width:100%; clear:both;}
.detail_name h1{ font-size:22px;font-family:"ººÒÇÖÐÔ²¼ò","Microsoft yahei"; color:#0E8D4D; font-weight:lighter; line-height:20px;}
.detail_name p{ color:#828282; line-height:24px; font-size:12px; font-family:"΢ÈíÑźÚ";}
.detail_name p span{ float:left; margin-top:9px; margin-right:20px; font-size:18px;}
.detail_name p .more{ float:left;  background:url(../images/product_icon.png) 0 -77px no-repeat; width:83px; height:22px; line-height:22px; display:block; color:#fff; text-align:center; margin-top:9px; z-index:5;}
.detail_cp{float:left; width:100%; clear:both; color:#828282; line-height:24px;}
.detail_cp h2{ display:inline-block; font-size:13px; color:#555; line-height:36px; margin-top:25px; }
.detail_use{ float:left; width:100%; clear:both; color:#828282}
.detail_use h2{ display:inline-block; font-size:13px; color:#064f92; line-height:36px; margin-top:10px;}

.pageTitle{ float:left; background:url(../images/pageTitle_icon.jpg) no-repeat; padding-left:26px;font-family:"ººÒÇÖÐÔ²¼ò","Microsoft yahei"; font-size:25px; height:32px; line-height:26px; color:#006A35; font-weight:lighter;}

#chanpingContent{ float:left; width:824px; height:206px; position:relative; overflow:hidden;}
#chanpingContent ul{ position:absolute; height:100%; top:0; left:0;}
#chanpingContent li{ float:left; width:206px;}
#chanpingContent li a{ float:left; width:100%; overflow:hidden; text-align:center; color:#828282;}
#chanpingContent li a:hover{ color:#333;}
#chanpingContent ul li img{ width:100px; height:180px; margin-left:40px; float:left;}
#chanpingContent ul li span{ width:100%; float:left; display:block; text-align:center;}
#chanpingFoucs{ position:relative;}
#chanpingFoucs #cpPrev,#chanpingFoucs #cpNext{ float:left; background-image:url(../images/product_icon.png); background-repeat:no-repeat; width:40px; height:120px; display:inline-block; margin-top:60px; cursor:pointer;}
#chanpingFoucs #cpPrev{ background-position: 0 -209px; margin-right:10px; opacity:0.3; filter:alpha(opacity=30);}
#chanpingFoucs #cpNext{ background-position: -50px -209px; margin-left:10px;}

.cpBigPic{ background:url(../images/product_icon.png) 0px -326px no-repeat; width:90px; height:27px; display:inline-block;  overflow:hidden; text-indent:-9999px;}