@charset "utf-8";
/* contentA */
.contentA{margin-top:1px;}
.contentA .l{width:217px;background:url(../images/bg21.gif) no-repeat bottom #fff}
.contentA .c{width:508px;float:left}
.contentA .r{width:215px;background:url(../images/bg22.gif) no-repeat bottom #fff}
.contentA h2{padding:9px 0 0 5px;height:24px;}
.contentA .pp{width:212px;margin:0 auto}
.contentA .pp li{margin:2px 4px 0;float:left;display:inline;width:98px;text-align:center}
.contentA .pp li .img{border:1px solid #dcdcdc;width:96px; position:relative}
.contentA .pp li .hot{ position:absolute;left:4px;top:-1px;}
.contentA .pp li h5{line-height:20px;}
.contentA .pp li .price{ font-family:Arial;line-height:20px;color:#ff8000;}
.contentA .pp li .price del{color:#999}
.contentA .focusImg{width:508px;height:265px;position:relative}
#ifocus_piclist{height:265px;overflow:hidden;}
#ifocus_piclist li{width:508px; height:265px;overflow:hidden;display:none}
#ifocus_btn{ position:absolute;bottom:8px;left:433px;}
#ifocus_btn li{float:left;background:url(../images/icon14.gif) no-repeat 0 0;width:12px;height:12px;margin:0 5px;display:inline}
#ifocus_btn li.active{ background-position:-12px 0;}
/* contentB */
.contentB{margin-top:10px;}
.contentB .l{width:174px;}
.contentB .r{width:755px;}
.contentB .blockL{background:url(../images/bgy12.gif) repeat-y;width:174px;}
.contentB .blockL .b{background:url(../images/bg23.gif) no-repeat;height:2px;font-size:1px;overflow:hidden}
.contentB .blockL h2{background:url(../images/bg24.gif) no-repeat;height:29px;padding:5px 0 0 16px}
.contentB .blockL .box{margin:4px auto 0;width:166px;}
.contentB .blockL .box h3{background:url(../images/bg25.gif) no-repeat -166px 0;height:19px;padding:5px 5px 0 8px;text-align:right;}
.contentB .blockL .box h3 a img{cursor:pointer}
.contentB .blockL .box h3 span{background:url(../images/icon15.gif) no-repeat 0 3px;padding:0 0 0 9px;color:#333;font-weight:bold;float:left}
.contentB .blockL .box h3.one{ background-position:0 0}
.contentB .blockL .box h3.one span{font-weight:normal;}
.contentB .blockL .box ul{margin:0 0 0 14px;}
.contentB .blockL .box li{background:url(../images/icon15.gif) no-repeat 0 -40px;line-height:16px;margin:3px 0 0;padding:0 0 2px 0;}
.contentB .blockL .box li span{padding-left:6px;}
.contentB .blockL .box li.active{background:none;}
.contentB .blockL .box li.active span{background:#ff8000;color:#fff;display:inline-block;padding:0 3px}
.contentB .blockL .box li.active span a,.contentB .blockL .box li.active span a:hover{color:#fff}
.contentB .blockL .box li em{color:#999;margin:0 0 0 6px}
.contentB .blockL .box .c3,.contentB .blockL .box .c2{padding-bottom:7px;}
.contentB .blockL .box .c3 li{width:33.2%;float:left}
.contentB .blockL .box .c2 li{width:50%;float:left}
.contentB .blockL .box .c2 li.i1{width:auto}
.contentB .blockL .box .scroll{height: auto; max-height:105px;_height:105px;overflow-y:auto;margin-bottom:7px;}
.contentB .blockL .box .sel_color{margin:0 0 0 4px;padding-bottom:7px}
.contentB .blockL .box .sel_color span{margin:4px 0 4px 9px;width:11px;height:11px;background:#fff;border:1px solid #a6a8ab; display:inline-block;padding:1px;}
.contentB .blockL .box .sel_color span.active{border:1px solid #ff8000}
.contentB .blockL .box .sel_color span a,.contentB .blockL .box .sel_color span a:hover{width:11px;height:11px; display:block; font-size:12px; overflow:hidden;}
.contentB .blockL .box .sel_color span a.a1{background:#000}
.contentB .blockL .box .sel_color span a.a2{background:#95979b}
.contentB .blockL .box .sel_color span a.a3{background:#ffffff}
.contentB .blockL .box .sel_color span a.a4{background:#f4eed7}
.contentB .blockL .box .sel_color span a.a5{background:#e4dac6}
.contentB .blockL .box .sel_color span a.a6{background:#ac9f8c}
.contentB .blockL .box .sel_color span a.a7{background:#683c1c}
.contentB .blockL .box .sel_color span a.a8{background:#c79c80}
.contentB .blockL .box .sel_color span a.a9{background:url(../images/bg26.gif) no-repeat -50px -25px}
.contentB .blockL .box .sel_color span a.a10{background:#e90000}
.contentB .blockL .box .sel_color span a.a11{background:#93000e}
.contentB .blockL .box .sel_color span a.a12{background:#1e3c92}
.contentB .blockL .box .sel_color span a.a13{background:#6d3cb1}
.contentB .blockL .box .sel_color span a.a14{background:#2f63f8}
.contentB .blockL .box .sel_color span a.a15{background:#5ba02e}
.contentB .blockL .box .sel_color span a.a16{background:#f5a8cd}
.contentB .blockL .box .sel_color span a.a17{background:#fde51d}
.contentB .blockL .box .sel_color span a.a18{background:#f0820b}
.contentB .blockL .box .sel_color span a.a19{background:url(../images/bg26.gif) no-repeat -2px -71px}
.contentB .blockL .box .sel_color span a.a20{background:url(../images/bg26.gif) no-repeat -26px -71px}
.contentB .blockL .box .sel_color span a.a21{background:url(../images/bg26.gif) no-repeat -50px -71px}
.contentB .blockL .box .sel_color span a.a22{background:url(../images/bg26.gif) no-repeat -74px -71px}
.contentB .blockL .box .sel_color span a.a23{background:url(../images/bg26.gif) no-repeat -98px -71px}
.contentB .blockL .box .sel_color span a.a24{background:url(../images/bg26.gif) no-repeat -122px -71px}
.contentB .blockL .box .cm{margin:0 0 0 4px;padding-bottom:7px}
.contentB .blockL .box .cm dd{width:40px;margin:4px 9px 0 0;_margin:4px 7px 0 0;padding-bottom:4px;float:left;display:inline;}
.contentB .blockL .box .cm dd a,.contentB .blockL .box .cm dd a:hover{background:#f0f0f0;border:1px solid #a6a8ab;width:40px;line-height:16px;text-align:center;display:inline-block; text-decoration:none}
.contentB .blockL .box .cm dd.active a,.contentB .blockL .box .cm dd.active a:hover{background:#ff8000;color:#fff}
/* mysel */
.mySel{height:32px;padding:0 0 0 0; background:#333333;}
.mySel .l{background:url(../images/bg2701.gif) no-repeat; width:117px; float:left; height:33px;}
.mySel .closeSel{padding-top:5px;float:right;}
.mySel .r{background:url(../images/bg2702.gif) no-repeat; width:7px; float:right; height:33px;}
.mySel ul{margin-left:5px;float:left;padding:2px 0 0 0;display:inline; float:left;}
.mySel li{float:left;color:#fff;line-height:30px;}
.mySel li.i1{width:20px;color:#999;text-align:center}
.mySel li i{margin:0 0 0 6px}
.mySel li i a{background:url(../images/icon18.gif) no-repeat -11px 0;width:11px;height:10px;font-size:1px;overflow:hidden;display:inline-block;text-indent:-3000px;margin-top:0;_margin-top:9px;line-height:normal}
.mySel li i a:hover{ background-position:0 0}
.toolbar{background:url(../images/bgx13.gif) repeat-x bottom;padding:11px 0 8px;height:22px;line-height:22px;}
.toolbar .sum,.toolbar .px,.toolbar .num,.toolbar .page{float:left;}
.toolbar .sum{padding:0 0 0 5px;width:115px}
.toolbar .px{width:318px}
.toolbar .px span{float:left}
.toolbar .px li{margin:0 10px 0 0;float:left;padding:0 8px;background:url(../images/bgx14.gif) repeat-x 0 0;color:#333;}
.toolbar .px li a,.toolbar .px li a:hover{display:inline-block;color:#333; text-decoration:none}
.toolbar .px li.active{ background-position:0 -22px;color:#fff}
.toolbar .px li.active a,.toolbar .px li.active a:hover{color:#fff}
.toolbar .num{width:206px}
.toolbar .num span{float:left}
.toolbar .num a,.toolbar .num a:hover{margin:0 10px 0 0;width:24px;height:20px;line-height:20px;background:#fff;border:1px solid #ccc;color:#666; font-family:Arial;display:inline-block; text-decoration:none;text-align:center}
.toolbar .num a.active,.toolbar .num a:hover.active{border:1px solid #f90;color:#f90}
.toolbar .page{width:111px;}
.toolbar .page span{float:left;width:33px;display:inline-block}
.toolbar .page .previous,.toolbar .page .previous a,.toolbar .page .next,.toolbar .page .next a{background:url(../images/bg28.gif) no-repeat 0 0;width:16px;height:18px;line-height:18px;}
.toolbar .page .previous{float:left;text-indent:-3000px;margin-top:2px;}
.toolbar .page .previous a,.toolbar .page .previous a:hover{display:block; background-position:0 -18px}
.toolbar .page .next{ background-position:-26px 0;width:55px;float:right;text-align:center;color:#bbbaba;margin-top:2px;}
.toolbar .page .next em{padding:0 11px 0 0;}
.toolbar .page .next a,.toolbar .page .next a:hover{ background-position:-26px -18px;width:44px;padding-right:11px;display:block;color:#5d5d5d; text-decoration:none}
.list li{width:162px;margin:10px 35px 0 0;float:left;display:inline;height:auto!important;height:238px; min-height:238px;}
.list li.i1{margin-right:0;}
.list li .productImg{width:162px;height:122px}
.list li .img,.list li .img_active{border:1px solid #fff;width:160px;height:120px;position:relative; z-index:8;overflow:hidden}
.list li .img_active{border:1px solid #ddd}
.list li .h3bg{width:158px;height:22px;background:#000;filter:alpha(opacity=15); /* IE */-moz-opacity:0.15; /* Moz + FF */opacity: 0.15; /* CSS3*/ position:absolute;left:1px;bottom:1px; z-index:1}
.list li h3{ position:absolute;left:1px;bottom:1px;width:158px;height:22px;text-align:center;color:#666;line-height:22px; z-index:2}
.list li .icon{margin-top:4px;height:13px; text-align:right;color:#ff8000;}
.list li .icon a,.list li .icon a:hover{color:#ff8000}
.list li .icon span{float:left}
.list li .icon span img{margin:0 3px 0 2px;}
.list li .price{height:24px;line-height:24px;margin-top:6px;}
.list li .price del{color:#999; font-family:Arial;}
.list li .price span{font-size:14px;font-weight:bold;color:#ff8000; font-family:Tahoma;margin:0 5px;}
.list li .price em{color:#f00}
.list li p,.list li h5{line-height:20px;margin:0 0 0 2px}
.list li p{font-size:11px;*+font-size:12px;_font-size:12px;}
.list li .fun{margin:5px 0 0 2px; position:relative; z-index:10}
/*cart star*/
.cart{border:2px solid #d6d6d6;background:#f0f0f0;width:200px; position:absolute;left:0;top:24px;}
.head .cart{border:0;background:none;width:189px;position:relative;left:0;top:0}
.cart dl{margin:0 auto;width:185px;}
.cart dd{padding-top:12px;height:30px;line-height:19px;background:url(../images/bgx15.gif) repeat-x bottom;clear:both}
.cart dd.last{background:none}
.cart dd span{float:left}
.cart dd span.s1{padding-left:8px;width:38px;display:inline-block;}
.cart dd span.s2{width:76px;display:inline-block;font-weight:bold;color:#ff8000;}
/*cart end*/
.list .pages{padding:30px 0 20px}
.lookBigImg{ position:absolute;left:172px;top:-106px;border:2px solid #000;width:616px;background:url(../images/bg29.gif) no-repeat 0 0 #fff;text-align:left}
.lookBigImg .close{ position:absolute; z-index:10px;top:11px;right:11px;}
.lookBigImg h2{width:544px;margin:0 0 0 15px;background:url(../images/bgx16.gif) repeat-x bottom;padding-top:9px;height:46px;line-height:46px;text-align:left; font-size:24px;font-weight:bold;font-family:Arial;padding-left:26px;color:#000}
.lookBigImg .lookBigDiv{width:616px;height:487px;overflow:scroll}
.lookBigImg .lookBigBox{width:562px;margin:5px 0 0 18px;}
.lookBigImg .lookBigBox .txt{line-height:34px;color:#999}
.lookBigImg .lookBigBox .txt b{color:#ff7200}
.lookBigImg .lookBigBox .txt em{color:#f00}
.lookBigImg .lookBigBox .bigImgBox{width:562px;}
.lookBigImg .lookBigBox .bigImg{border:2px solid #ddd;border-top:0;border-bottom:0;background:#f9f8f6;}
.lookBigImg .lookBigBox .bigImgBox .t,.lookBigImg .lookBigBox .bigImgBox .b{background:url(../images/bg30.gif) no-repeat;height:2px;font-size:1px;overflow:hidden}
.lookBigImg .lookBigBox .bigImgBox .b{ background-position:0 -2px;}