.inbtn, .inbtn span{background:url(../images/closelabel.png) no-repeat;cursor:pointer;}
.inbtn{display:inline-block;height:17px;line-height:17px;overflow:hidden;margin:4px 8px 0 0;float:left;background-position:0 0;padding:0 0 0 20px;}
.inbtn span{background-position:100% 0;display:block;float:left;padding:0 5px 0 0;}
.inbtn:hover{background-position:0 -17px;text-decoration:none;}
.inbtn:hover span{background-position:100% -17px;color:#5e5e5e;text-decoration:none;}

.list-left{ width:208px; height:auto; border:1px solid #e6e6e6; overflow:hidden; padding-bottom:10px;float:left;}
.list-left h2{ height:37px; background:url(../images/hqs-bg.gif) 0 -630px repeat-x; border-bottom:1px solid #ededed; line-height:36px; font-weight:bold; font-size:16px; font-weight:bold; color:#c00; padding-left:10px; margin-bottom:10px}
.list-left ul{ display:block; padding:0 10px 10px 10px; overflow: hidden}
.list-left ul li{ line-height:24px}
.list-left ul li h3{ clear:both; font-weight:bold; display:block;/* background:url(../images/hqslist-pic.gif) 186px -21px no-repeat*/}
.list-left ul li h3.hidden{clear:both;border-bottom:1px dotted #999;margin-bottom:5px/*background:url(../images/hqslist-pic.gif) 186px 10px no-repeat*/}
.list-left ul li.noe{ display:none}
.list-left ul li p{width:90px; padding-left:0; float:left; display:block; height:24px; line-height:24px;}
.list-left ul li p a{width:90px;display:block; height:24px; line-height:24px;}
.list-left ul li p a:hover{width:99px;display:block; height:24px; line-height:24px}


.list-right{ width:970px; height:auto; float:right}
.list-right .brand{width:100%; height:auto;margin-bottom: 20px;}
.list-right .brand .title{ width:100%; height:40px; background:url(../images/brand.gif) no-repeat;}
.list-right .brand .content{ width:934px; height:auto; padding:15px 18px;background:#f9f9f9; overflow:hidden;}
.list-right .brand .content .chaxun { background:url(../images/fangdajing.png) no-repeat 0 0; border:none; width:25px; line-height:25px; height:25px;}
.list-right .brand .content .zimu a { background:url(../images/fangkuai.png) no-repeat 0 0; text-decoration:none; color:#FFFFFF; padding:3px 7px; margin:0; text-align:center;}
.list-right .brand .content .zimu a:hover {background:url(../images/fangkuai1.png) no-repeat 0 0; padding:3px 7px; text-decoration:none; color:#FFFFFF; border:none;}
.list-right .brand .content .zimu a:active {background:url(../images/fangkuai1.png) no-repeat 0 0; padding:3px 7px; text-decoration:none; color:#FFFFFF; border:none;}
.list-right .brand .content ul li{display: inline;padding:0 10px; float:left;color:#999;line-height:25px}

.list-right .brand .content .sort dl dd {float:left;height:23px;margin-right:10px; background:url(../images/hqs-list-but.gif) left 0; margin-left:10px;}
.list-right .brand .content .sort dl dd span{height:20px; _line-height:20px;line-height:17px; float:left;background:url(../images/hqs-list-but.gif) right 0; padding:3px 10px 0 0; margin-left:10px;overflow:hidden}
*html.list-right .brand .content .sort dl dd span{ line-height:18px}
*+html .list-right .brand .content .sort dl dd span{ line-height:18px}
.list-right .brand .content .sort dl dd.hover{ background:url(../images/hqs-list-but02.gif) left 0}
.list-right .brand .content .sort dl dd.hover span{height:20px; _line-height:20px; float:left;background:url(../images/hqs-list-but02.gif) right 0; padding:3px 10px 0 0; margin-left:10px}
.list-right .brand .content .sort dl dd.hover span a{ color:#c00; }
.list-right .brand .content .sort dl dd span a{display:block;height:20px; float:left;}
.list-right .brand .content .sort dl dd span em{display:block;height:20px; float:left;}
.list-right .brand .content .sort dl dd.hover em.on,.list-right .brand .content .sort dl dd.hover em.on2,.list-right .brand .content .sort dl dd em.uader,.list-right .brand .content .brands dl dd em.uader2
{display:block; height:23px; width:7px; margin-left:5px; }
.list-right .brand .content .sort dl dd em.on{background:url(../images/arrow-bg.gif) 0 -80px no-repeat;width:7px;}
.list-right .brand .content .sort dl dd em.on2{background:url(../images/arrow-bg.gif) 0 -52px no-repeat;width:7px;}
.list-right .brand .content .sort dl dd em.uader{background:url(../images/arrow-bg.gif) left -24px no-repeat;width:7px;}
.list-right .brand .content .sort dl dd em.uader2{background:url(../images/arrow-bg.gif) no-repeat 0 4px; width:7px;}
.list-right .brand .content p{width:131px; height:82px; margin:15px; padding:7px 0 0 21px; _padding:7px 0 0 0;float:left; border:1px solid #ccc; background:#fff;}
.list-right .brand .content p a{width:110px; height:73px;padding:2px 0 0 0; text-align:center; display:block; color:#999; background:#fff;}
.list-right .brand .content p a img{width:105px; height:55px; padding-bottom:3px;float:left;}
.list-right .brand .content p a:hover{width:110px; height:73px; color:#000; background:#f7f4eb;}


.list-right .sortbox{border-width:2px 1px 0px 1px;border-color:#c00 #cccccc #cccccc #cccccc;border-style:solid;width:100%;}
.list-right .sortbox dl{padding:10px 0 10px 110px;border-bottom:solid 1px #cccccc;vertical-align:bottom;}
.list-right .sortbox dl dt{float:left;width:110px;margin:15px 0 0 -110px;text-align:right;line-height:16px;display:inline;font-weight:800;font-size:14px;color:#404040;}
.list-right .sortbox dl dd{float:left;margin:15px 36px 0 0;display:inline;}
.list-right .sortbox dl dd a{cursor:pointer;white-space:nowrap;}
.list-right .sortbox dl dd a.seling{background-color:#005AA0;color:#FFFFFF;}
.list-right .sortbox dl dd a.seled{background-color:#005AA0;color:#FFFFFF;}

.list-right .sortbox .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list-right .sortbox .clearfix{display:inline-table;}
*html .list-right .sortbox .clearfix{height:1%;}
.list-right .sortbox .clearfix{display:block;}
*+html .list-right .sortbox .clearfix{min-height:1%;}
/* siftbox */
.list-right .sortbox .siftbox{padding:6px 0 6px 20px;background:#F2F2F2;border-bottom:solid 1px #CCCCCC;}
.list-right .sortbox .siftbox .label{float:left;margin-top:2px;font-size:14px;font-weight:800;margin-right: 10px;}
.list-right .sortbox .siftbox #condition{float:left;}


.list-center{width:1200px;margin:0px auto;height:auto;}
.list-center .title{width:1200px;height:40px;background:url(../images/bjd.jpg) no-repeat;}
.list-center .ptb{width: 100%;margin: 0px auto;font: Georgia 11px;font-size: 16px;color: #000000;text-align: center;border-collapse: collapse;border: 0px;}
.list-center .ptb  td{border: 0px solid #000000; height: 30px;padding: 0px 6px;}
.list-center .ptb .top{font-weight:bold;font-size:12px;border:1px solid #cccccc;height:30px;background-color:#f6f6f6;text-align:center;color:grey;height:40px;padding:0px 20px;font-weight:normal;color:#000000;}
.list-center .ptb .top div {float:left;height:25px; margin:5px 0;line-height:25px;padding:0}
.list-center .ptb .top .pjump{height:22px;}
.list-center .ptb .top div input[type="checkbox"]{height:25px;margin:0;padding:0;margin:0 5px}
*+html .list-center .ptb .top div input[type="checkbox"]{height:25px;margin:0;padding:0;margin:0px}
*html .list-center .ptb .top div input[type="checkbox"]{height:25px;margin:0;padding:10px 0 0 0;margin:0px}
.list-center .ptb .bottom{font-size:12px;border:1px solid #cccccc;height:26px;text-align:center;}




.list-right .items{ width:960px; height:auto}
.list-right .items .items-foot{ display:block; text-align:right;}
.list-right .items .items-foot span{ padding:4px 8px; border:1px solid #ccc; margin: 0 5px}
.list-right .items .items-foot span.hover{ font-size:14px; font-weight:bold; border:none}
.list-right .items .items-foot span.hover a{ color:#f60}
.list-right .items .items-foot .jump{background:url(../images/vivew_buttn.jpg) no-repeat; border:none; width:41px; height:20px; border:none;}
.list-right .items .items-foot .batch{float:left; text-align:left; padding:4px 8px; border:none; margin: 0 5px}
.list-right .items .items-foot .batch a{ padding:4px 8px; border:1px solid #ccc; margin: 0 5px text-align:left; background:url(../images/batch_bg.jpg) no-repeat;}

.list-right .items .items-body{ width:960px; height:auto; padding:20px 0 0 0}
.list-right .items .items-body ul{ width:200px; height:342px; display:block; padding:0 20px; padding-bottom:20px; overflow:hidden; float:left; margin-bottom:20px; border-bottom:1px solid #e6e6e6;position: relative;}
.list-right .items .items-body ul li.img{ width:180px; height:180px; margin:20px 0px 5px 0px;}
.list-right .items .items-body ul li.img img{ width:180px; height:180px}
.list-right .items .items-body ul li.djs{position: absolute;text-align: center;width:180px;padding:2px 0px;background: #ff0000;color:#fff;}

.list-right .items .items-body ul li.txt{height:32px; overflow:hidden; line-height:16px; margin-bottom:5px}
.list-right .items .items-body ul li.inventory{ color:#666;line-height:22px;}
.list-right .items .items-body ul li.pie{ color:#c00;line-height:22px;}
.list-right .items .items-body ul li.review{ color:#c00; line-height:22px; margin-bottom:5px}
.list-right .items .items-body ul li.link{}
.list-right .items .items-body ul li.link span.zpd_l{padding-top:5px; display: block;float:left}
.list-right .items .items-body ul li.link span.buy{ float:left;height:26px}
.list-right .items .items-body ul li.link span.buy input{height:15px; width:40px; padding:2px 0; line-height:normal; border:1px solid #ccc; text-align:center; display:block; overflow:hidden;margin-right:5px}
.list-right .items .items-body ul li.link span.buy a{ width:30px; height:18px; padding-left:6px; padding-top:4px;display:block; background:url(../images/list-pic-but.gif) no-repeat; 
												 color:#666;float:left;margin-right:10px}
*+html .list-right .items .items-body ul li.link span.buy a{margin-top:1px;height:20px}
*html .list-right .items .items-body ul li.link span.buy a{margin-top:2px;height:20px;margin-right:5px}
.list-right .items .items-body ul li.link span.buy a:hover{color:#2cb0e2}

/*list end*/


.detail-top{display: block;margin-bottom: 10px;float: left;width: 960px;}
.detail-top #preview{ float:left; width:402px; height:500px;  }
.detail-top #preview .jqzoom{ width:400px; height:400px; border:1px solid #ddd; text-align:center;  background:#fff;  position:relative;padding:0;}
.detail-top #preview .jqzoom>a>img{width:400px;;height: 400px;}
.detail-top #preview .jqzoom .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.detail-top #preview .zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.detail-top #preview .zoomdiv .bigimg{width:800px;height:800px;}

.detail-top #preview .list-h li{ float:left;}
.detail-top #preview #spec-n5{width:400px; height:75px; padding-top:6px; overflow:hidden;}
.detail-top #preview #spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
.detail-top #preview #spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
.detail-top #preview #spec-list{ width:370px;  float:left; overflow:hidden; margin-left:2px; display:inline;}
.detail-top #preview #spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
.detail-top #preview #spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:auto; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.detail-top .intro{ float:right; width:540px; min-height:500px;  }
.detail-top .intro h1{ font-size:18px; padding:6px 0; font-weight:bold; border-bottom:none; padding-left:0;}
.detail-top .intro .vipzsd{width:540px; height:30px; border-bottom:1px dotted #ccc;}
.detail-top .intro .vipzsd .djs{padding:4px; margin-right:8px; float:left; display:block;background: #ff0000;color:#fff;}

.detail-top .intro .sku-n{width:540px; height:auto; clear:both; padding:10px 0;overflow: hidden}
.detail-top .intro .sku-n p{padding:8px 0;width:270px; float:left}
.detail-top .intro .sku-n p em{ font-size:18px; font-weight: bold;font-style: normal; color:#c00;margin-right:10px}
.detail-top .intro .sku-n p span a{color:#03c}
.detail-top .intro .sku-n p span a:hover{color:#333;border-bottom:1px solid #333}
.detail-top .intro .stab{ width:540px; height:auto;background:url(../images/dail_cas_bg.gif) left top repeat-x}
.detail-top .intro .stab tr.thl{background:url(../images/dail_cas_x.gif) left top no-repeat;}
.detail-top .intro .stab tr th{clear:both; height:28px; border-top:1px solid #f4f0f0;border-bottom:1px solid #cdcccc; font-weight:normal; background:url(../images/dail_cas_x.gif) right no-repeat;line-height:28px; color:#333;}
.detail-top .intro .stab tr td{ border-bottom:1px solid #eee;}
.detail-top .intro .stab tr.bcdk:hover{ background:url(../images/dail_cas_bg.gif) repeat-x;}
.detail-top .intro .buy_n ul{ display:block; clear:both; margin-top:20px; overflow:hidden}
.detail-top .intro .buy_n ul li{ float:left; margin-right:10px}

.detail-left{ width:220px; height:auto; float:left}
.detail-left > div{border:1px solid #e6e6e6;margin-bottom: 10px;}
.detail-left > div > h2{ padding:10px; font-size:14px; border-bottom:1px solid #e6e6e6; font-weight:bold; color:#c00; background:#f5f5f5}
.detail-left > div > ul{ display:block; padding:6px 0; overflow:hidden}
.detail-left .categorys ul li{ width:89px; padding:8px 10px; float:left}
.detail-left .history h2{ color:#000; font-size:12px; margin-bottom:10px}
.detail-left .history dl{ display:block; overflow:hidden; padding:0 10px 10px 10px}
.detail-left .history dl dt{ width:80px; height:auto; float:left}
.detail-left .history dl dt img{ width:80px; height:80px; display:block}
.detail-left .history dl dd{ width:108px; height:auto; float:right}
.detail-left .history dl dd h3{ line-height:18px}
.detail-left .history dl dd p{ font-weight:bold; color:#c00}

.detail-right{ width:960px; height:auto; float:right}
.detail-right .tbox-nav{ height:28px;border-bottom:2px solid #c00;float:left;width:100%;clear:both;}
.detail-right .tbox-nav ul li{ float:left; line-height:27px;border:1px solid #ccc; border-bottom:none; background:#e6e6e6 url(../images/hqs-bg.gif) 0 -592px repeat-x; padding:0 10px; margin-right:10px; cursor:pointer}
.detail-right .tbox-nav ul li.hover{ background:#c00; height:28px; color:#fff; font-weight:bold; border:none}
.detail-right .tbox-nav>a{font-weight:bold;float:right;margin-top:5px;}
.detail-right .tbox_content{ width:960px; height:auto;clear:both;}
.detail-right .tbox_content .props{ border:1px solid #dadada; border-top:none; background:#f2f2f2; padding:10px; margin-bottom:20px}
.detail-right .tbox_content .props ul{ display:block; overflow:hidden}
.detail-right .tbox_content .props ul li{ line-height:28px; float:left; width:300px}
.detail-right .tbox_content .desc{ width:960px; height:auto;overflow: hidden;}
.detail-right .tbox_content .desc p{ display:block; overflow:hidden; margin-bottom:20px}
.detail-right .tbox_content .desc p img{ display:block}

#tip   {position:absolute;color:#333;display:none;}
#tip s   {position:absolute;top:40px;left:-20px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #BBA transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
#tip s i   {position:absolute;top:-10px;left:-8px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #fff transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
#tip .t_box   {position:relative;background-color:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;bottom:-3px;right:-3px;}
#tip .t_box div  {position:relative;background-color:#FFF;border:1px solid #ACA899;background:#FFF;padding:1px;top:-3px;left:-3px;}
.tip   {width:82px;height:82px;border:1px}
