@charset "utf-8";
/* CSS Document 
  
   
   注意事项:
   css样式以类别选择器为主
   层次结构要清晰,级别深度控制在三层以内
   样式命名规则为小写,可结合"_"使用
   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)
*/

/*多分类选择*/
.brand{ border:1px solid #cfcfcf; background:#ffffff }

.nav-category{border-bottom:1px dotted #cfcfcf; overflow:hidden}
.nav-category h4{ font-size:12px; font-weight:normal; color:#333333; float:left; padding:10px 15px; width:30px; line-height: 20px;}

.nav-category a.nav-more{ width:48px; height:20px; text-indent:-9999px; background:url(../images/brand/product_mark_btn1.png) center center no-repeat; float:right; display:block; border:0}
.cur a.nav-more{ background:url(../images/brand/product_mark_btn2.png) center center no-repeat;border:0}
.nav-category-wrap .nav-category-content{ height:20px;overflow:hidden;}
.cur .nav-category-content{ min-height:20px; height:auto;}




.nav-category-wrap{ float:left; width:916px;border-left:1px dotted #cfcfcf; display:block; line-height: 20px; padding: 10px 0 10px 10px;}
.nav-category-wrap li{ float:left; min-width:40px; margin: 0 12px;}
.nav-category-wrap li a.over{ color:#0d7a1a}

.cp_tl{ background:#FFFFFF;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;border-left:1px solid #cfcfcf ; overflow:hidden; clear:both; position: relative;} 
ul.cp_title { margin:0 auto;height:38px;line-height:38px; float:left; width:500px;}
ul.cp_title li { float:left;width:62px;height:38px;line-height:38px; padding-left:18px;cursor:pointer;border-right:1px solid #cfcfcf;color:#333333;}
ul.cp_title li a{ display:block;}
ul.cp_title img.td_img { margin-left: 15px;}
.index_brand { height:auto; margin:0 auto 0 auto; clear:both; display:block; overflow:hidden }

.cp_tl .pages{ width:400px; line-height: 38px; text-align: right;}
.cp_tl .pages a{ margin:5px 0 0 3px;}


.index_brand  .cp_content{ margin-top:10px;}
.index_brand  .cp_content .pro_list li{ border-top:1px solid #cfcfcf;}



/*团购*/
ul.pro_list1 { height:auto; margin:0 auto; width: 1000px; clear:both; display:block; overflow:hidden }
ul.pro_list1 li { float:left;cursor:pointer; margin: 0 13px 13px 0; padding:0; width: 238px; border: 1px solid #cecfce; overflow:hidden; position:relative; height: 344px;}
ul.pro_list1 li:hover{ border:1px solid #107c1d}
ul.pro_list1 li:hover .js{ border-top: 1px solid #107c1d;}
ul.pro_list1 li:hover a{ color:#107c1d;}
ul.pro_list1 li a { display:block; height:auto;}

ul.pro_list1 li a.pic{ width:297px;height:297px;text-align:center;}
ul.pro_list1 li img { max-width: 238px; height: 238px; margin:0px 0 0 0; vertical-align:middle;clear:both; overflow:hidden }
ul.pro_list1 li div.js{ background: #f7f7f7; border-top: 1px solid #d3d3d3; padding:10px;text-align:left;height: 85px;}

ul.pro_list1 li p{ clear:both; display:block; overflow:hidden;}
ul.pro_list1 li label { display:block; clear:both; margin:0 auto; line-height: 24px; padding-bottom: 10px; cursor:pointer }
ul.pro_list1 li span{  display: block;  overflow: hidden; }
ul.pro_list1 li strong.p1 { color: #fd1e00; font-size: 16px; display:block; float: left;}
ul.pro_list1 li s{ color: #888888;display:block; padding-left:3px; float: right; font-size: 12px;}
ul.pro_list1 li em.zk{ background:url(../images/brand/zk.gif); width:46px; height:18px; float:right; color:#ffffff; display:inline-block; position:absolute; left:120px; top:0;text-align:center}

ul.pro_list1 li b{ background:url(../images/brand/go.jpg); width:88px; height:36px; float:right}


ul.pro_list1 li i{background:url(../images/com/sj.jpg) no-repeat; width:76px; height:25px; position:absolute; left:7px; top:13px;}





/* 选项卡下产品展示 */
a.more{ background:url(../images/com/more.jpg) right center no-repeat; padding-right:18px; margin-right:10px; float:right;}




/* 品牌主体区域 */
.brand_body { background:#fff; width:; height:auto; border:1px #dddddd solid; margin:10px auto 0 auto; clear:both; }


/* 放大镜及基本信息 */
.faj { border:1px solid #cfcfcf; padding:23px; background:#ffffff; height:auto; margin:0 auto 0 auto; clear:both; overflow:hidden }

.goodsinfo{float:left; margin:0; display:inline;width: 368px; height:452px; overflow:hidden; _overflow:visible; clear:both; }
.goodsalbum{ width: 368px; height:auto; float:left; margin:0px 0 0px 0; _margin:0 0 0 0; _display:inline; }
.preview{ width: 368px; height: 369px; clear:both; }
.preview img#bigimg{width: 364px; height: 364px; border:1px #c8c7cc solid; padding: 1px;}



.index_pro_content{ position:relative; float:left; height:73px; width: 368px; margin-top: 10px;}
.index_pro_content .over { position:relative; float:left; width: 339px; height:68px; overflow:hidden; top:5px; left:10px; color:#b31d06;  }
.index_pro_content ul { position:absolute; top:0; left:0; width:auto; min-width:395px; }
.index_pro_content ul li a { color:#555555; font-size:12px; display:block; height:205px; margin:10px 0 0 0; }
.index_pro_content ul li:hover img {  border:1px #c8c7cc solid;background:#efeff4; }
.index_pro_content .over li { float:left; margin:0px; padding:0; width: 85px; height:68px; overflow:hidden;}
.index_pro_content .over li img { width:60px; height:60px; padding:3px; background:#ffffff; border: #c8c7cc 1px solid; float:left; margin:0 0 0 9px; cursor:pointer }

.index_pro_content span.gz_slideLeft_btn { position:absolute; z-index:3; width: 9px; height: 20px; cursor:pointer; top:27px; display:block; left:0px; background:url(../images/brand/prev.jpg) no-repeat; }
.index_pro_content span.gz_slideRight_btn { position:absolute; z-index:3; width: 9px; height:22px; cursor:pointer; top:24px; display:block; right:1px; background:url(../images/brand/next.jpg) no-repeat; }



/* 放大镜特效 */
.jqzoom{ float:left; position:relative; padding:0px; cursor:pointer;}
.jqzoom b{ background:url(../images/brand/fd.png) no-repeat; display:block; width:39px; height:22px; position:absolute; right:0px; bottom:10px}
.jqzoom img{ float:left;}
div.zoomdiv { z-index:100; position:absolute; top:-10px; left:0px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.jqZoomPup {z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:50px; height:50px; border:1px solid #aaa; background: #ffffff 50% top  no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter: alpha(Opacity=50); }


.goodsdetails{ width: 540px; padding:0 0 0 15px; height:auto;  float:right; _display:inline; overflow:hidden; line-height:30px; color:#333333 }
.goodsdetails h3{ width:auto; height:auto; color:#000000;  font-size:24px; line-height:35px; font-weight:normal; margin:13px 0 0 0 }
.goodsdetails div.jiagge { width:810px;height:63px;color:#333333; line-height:25px;}
.goodsdetails div.jiagge p { float:left; font-size:16px; margin:0 15px 0 0; line-height:30px; }
.goodsdetails .y1{ color:#0e7b1b; margin: 4px 0 6px 0;}
.goodsdetails div.jiagge #changeprice em{ font:24px/24px bold "微软雅黑"; color:#eb1e0f}
.goodsdetails div.jiagge div.shijia { float:left; clear:right; line-height:15px;  }
.goodsdetails div.jiagge div.yj { clear:both; overflow:hidden; margin:5px 0 0 0;}
.goodsdetails p.com{ line-height:34px; }

.goodsdetails .select{ clear:both; display: block; overflow:hidden}
.goodsdetails .select .dt{ float:left; width:70px; line-height:38px;}

.goodsdetails .select .dd { float:left; width: 630px;}

.goodsdetails .select .item {
    float: left; position: relative;
    margin: 2px 8px 2px 0;border: 1px solid #CCCCCC; 
}

.goodsdetails .select .item a:link, .goodsdetails .select .item a:visited {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 4px 6px;
}
.goodsdetails .select .item a:link, .goodsdetails .select .item a:visited {  display:block; overflow:hidden; padding: 1px;}
.goodsdetails .select .item a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}
.goodsdetails .select .item span,.goodsdetails .select .item img{  float:left}
.goodsdetails .select .item b{ display:none; position:absolute; right:0; bottom:0; background:url(../images/brand/icon.png) no-repeat; width:15px; height:15px;}
.goodsdetails .select .cur{ display:block; border:1px solid #fb4d00}

.goodsdetails .select .cur b{ display: block}


.goodsdetails div.buybox{ width:auto; height:auto; margin:15px 0;border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; overflow:hidden; padding:10px 0}
.goodsdetails div.buybox .fl{ width: 300px; float:left;}
.goodsdetails div.buybox .fr{ width:176px; float:right;}

.goodsdetails div.buybox p.buy{ display:block; clear:both; margin:16px 0px 20px 0;}
.goodsdetails div.buybox p.buycount{overflow: hidden;}
.goodsdetails div.buybox p.buycount img{ vertical-align:middle}
.goodsdetails div.buybox p.buycount *{ float:left; margin:5px;}
.goodsdetails div.buybox p.buycount label{ color:#555555; line-height:16px;}
.goodsdetails div.buybox p.buycount .adddel{ cursor:pointer; border: 1px solid #cccccc; width: 11px; line-height: 10px; height: 11px; text-align: center; color: #cccccc; margin-top: 6px;}
.goodsdetails div.buybox p.buycount input.buynumber{ width: 37px; height: 22px; line-height: 22px; border:#CCCCCC 1px solid; text-align:center; margin:0px 2px;}
.goodsdetails div.buybox p.buycount .addtocart,
.goodsdetails div.buybox p.buycount .buynow{ cursor:pointer;}
.goodsdetails div.buybox p.buycount select{ margin-top:0px;}
.goodsdetails .shoufen a.shou{ color:#c18b27; width:123px; height:27px; display:block; float:left; margin:0 20px 0 15px; }

.goodsdetails .shoufen .fen { float:left; border:#dddddd 1px solid;width:125px; }
.goodsdetails .shoufen .fen span{float:left}
.goodsdetails .shoufen .fen div{padding-top:1px;}
.goodsdetails div.jiagge .jifen { font-size:24px; }
.goodsdetails .time { background:url(../images/icons/time.jpg) left top no-repeat; width:215px; height:25px; padding:8px 0 0 30px; margin:-5px 0 10px 15px; color:#ff0188 }

.goodsdetails .buy .addtocart{ background: #fb4d00; width: 190px; height: 39px; border:none;cursor:pointer; font: 20px/39px "微软雅黑"; color: #fff;}
.goodsdetails .buy .buybtn{ background: #e40404; width: 160px; height: 39px; border:0; margin:0 20px 0 10px; cursor:pointer; font: 20px/39px "微软雅黑"; color: #fff;}

.goodsdetails .buy .qbtn{ background:url(../images/brand/qbtn.jpg) no-repeat; width:124px; height:36px; border:0; margin:0 20px 0 10px; cursor:pointer; font:16px/36px "微软雅黑";}


.goodsdetails .sheng { color:#555555; font-size:14px; margin:0 0 15px 15px;  }
.goodsdetails .sheng label { color:#ff0188 }


p.buy .buybtn{ background:url(../images/com/newbuy.jpg) no-repeat; width:124px; height:36px; border:0; margin:0 20px 0 10px; cursor:pointer; font:16px/36px "微软雅黑"; }
p.buy .sc{background: url(../images/com/sc.png) 0 center no-repeat; padding-left: 18px;}



/*商品详情页*/
.jifen_body{ overflow: hidden;border: 1px solid #cfcfcf; margin: 15px auto 0;}
.jifen_body .hd{ line-height: 39px; background: #ededed; height: 39px; border-bottom: 1px solid #cfcfcf; position:relative; }
.jifen_body .hd ul{ float:left;  position:absolute; left: 0; top: 0; height: 35px;   }
.jifen_body .hd ul li{ float:left; width: 95px; height: 39px; border-right: 1px solid #cfcfcf; text-align:center; font-weight: bold; font-size: 14px; color: #333333; cursor:pointer;  list-style-type: none;}
.jifen_body .hd ul li a{ color: #1608bd;}
.jifen_body .hd ul li.on{ background: #fff; color: #0d7a1a; border-top: 2px solid #0d7a1a;}
.jifen_body .hd ul li.on a{ color:#fff}