@charset "utf-8";

#wel{ margin-bottom:10px;}
.content{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair_bg.jpg) repeat-x #ededed; width:100%; }
.content a{ cursor:pointer; display:block;}

.content .left{ float:left;}
.content .right{ float:right;}
 .center{ width:1210px; margin:0 auto;}
.content  .center #right{ float:right; width:967px; overflow:hidden;}
.content  .center #left{ float:left; width:222px;}
/*------------------------hair-cate----------------------------*/
.content  .center #hair-cate{ border:1px solid #dcdcdc; width:222px; padding:8px 0 20px 0; background:#fff;}
.content  .center #hair-cate ul .first-li{ height: 97px; position: relative; z-index:1; *float:left;}
.content  .center #hair-cate ul .first-li h3{   font-size: 18px; height: 33px; margin-bottom: 4px; padding:6px 15px 0px; width: 192px;}
.content  .center #hair-cate ul .first-li h3 a{  border-bottom: 1px solid #939393; color: #000000;display: block; height: 30px; line-height: 26px; text-decoration:none;}
.content  .center #hair-cate ul .first-li .currs{ background:#d5d5d5;}
.content  .center #hair-cate ul .first-li .currs a{ border:none;_height: 30px;}
#hair-cate .sec-ul{ padding:0 16px; width:190px;}
#hair-cate  .sec-ul li{ line-height:24px; padding-left:2px; width:188px;}
#hair-cate .sec-ul li a{ color:#545454;}
#hair-cate .sec-ul li a:hover,#hair-cate  .third-ul a:hover,.content  .center #top-brand  ul li .bname:hover,.content .center .search a:hover{ color:#ffb43d;}
#hair-cate .third-ul{ visibility: hidden; position:absolute; top:0; left:222px;width:406px; padding:15px 0 21px 16px; font-size:14px; border:1px solid #4b4b4b; background:#fff;}
#hair-cate  .third-ul li{ float:left; width:120px; margin-left:10px; display:inline; }
#hair-cate  .third-ul a{ color:#000; line-height:24px; width:120px;height:24px; overflow:hidden;}
#hair-cate .show{ display:block;}

/*------------------------banner----------------------------*/
.content  .center #hair-ban{ width:967px;}
.content  .center #hair-ban .ban-left{ width:720px; height:330px; position:relative;}
.content  .center #hair-ban .ban-left #dcp-sildeImgWrapper li a{  width:720px; height:330px;}
.content  .center #hair-ban .ban-left #dcp-sildeImgWrapper li{ display:none;}
.content  .center #hair-ban .ban-left #dcp-sildeImgWrapper li.show{ display:block;}
.content  .center #hair-ban .ban-left .bantab{ position:absolute;bottom:11px; text-align:center; width:720px; height:11px;
}
.content  .center #hair-ban .ban-left ul.tab{  cursor:pointer; display:inline-block;*display:inline;*zoom:1;}
.content  .center #hair-ban .ban-left .tab li{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) -19px 0  no-repeat; width:11px; height:11px; float:left; margin-right:10px;}
.content  .center #hair-ban .ban-left .tab li.current{ background-position:0 0 ;}
.content  .center #hair-ban .ban-left .tmp-edite{ display:block;}
.content  .center #hair-ban .ban-left dl dd.current{ background-position:0 0 ;}
.content  .center #hair-ban .ban-right .ban-img{ width:235px; height:139px;  margin-bottom:7px;}
.content  .center #hair-ban .ban-right  .hot-sell,.content  .center #top-brand .top-brand,.content  .center  .top-search{ width:234px; height:39px; background:#cca079; text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.content  .center #hair-ban .ban-right  .hot-sell a,.content  .center #top-brand .top-brand a{ color:#fff;}
.content  .center #top-brand{ width:224px; margin-top:20px;}
.content  .center #top-brand .top-brand,.content  .center .top-search{ width:224px; height:43px; margin-bottom:8px; font-size:18px; font-weight:normal; line-height:45px;}
.content  .center #top-brand  ul li{ width:212px;  margin-bottom:16px; padding-left:12px;float:left; background:#fff;}

.content  .center #top-brand  ul li .bname{ width:112px; height:62px; margin:42px 0 34px;  color:#6a6a6a; line-height:16px;overflow:hidden;}
.content  .center #top-brand  ul li .bimg{vertical-align:middle; display:table-cell; position:relative; text-align:center;overflow:hidden; width:100px; height:138px;background:#fff;_float:right; }
.content  .center #top-brand  ul li .bimg .span-img{ *position:absolute;*top:50%;*left:50%;display:block;margin:0 auto;width:100px; }
.content  .center #top-brand  ul li .bimg img{max-height:138px; max-width:100px; *position:relative;*top:-50%;*left:-50%;display:block;margin:0 auto;}

.content  .center  .top-search{ color:#fff; margin-bottom:0px;}
.content  .center .search{ width:174px; border:1px solid #cdcdcd; background:#fff; padding:24px;}
.content  .center .search a{ display:inline; color:#6a6a6a; line-height:24px; padding: 0 2px;}
.content  .center .search a strong{ font-size:18px;}
/*------------------------banner----------------------------*/
 .center .title{ color:#000; font-size:18px; margin:27px 0 8px 0;}
 .center .title2{ margin:56px 0 42px; font-size:26px; position:relative;}
  .center .title2 a span{ text-transform:lowercase; }
 .center .title3{margin:0px 0 8px 0;}
 .center .title4{margin:20px 0 8px 0;}
  .center .title5{ margin:15px 0 12px;}
.content  .center .title .view-more{  color:#545454; font-size:13px; position:absolute; right:0px;top:11px; _top:4px;}
.content  .center .title .view-more:hover,.content  .center  #best-sell .bes-product ul li .name:hover,.content  .center  .likes  .names:hover,.content .center #reviews .rename:hover,.cates  a:hover{ color:#ffb43d;}
/*------------------------hot-search----------------------------*/
.content  .center #hot-search a{ width:auto; height:21px;  margin:5px 20px 0 0; padding:0px 10px;background:#fff; border:1px solid #b2b2b2; float:left; line-height:21px; text-decoration:none; color:#1d1d1d; font-size:14px; }
.content  .center #hot-search a:hover{ border:1px solid #a04b10;}
/*------------------------hot-search----------------------------*/
.content  .center .line{ border-bottom:1px solid #c6c6c6; position:relative; margin:34px 0 36px;}
.content  .center .line2{ margin:30px 0 26px;}
.content  .center .line span{ display:block; width:41px; height:14px; background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) -50px 0 no-repeat; position:absolute; left:48%; top:-6px;}
/*------------------------Bestselling Products----------------------------*/
.content  .center  #best-sell{ position:relative;}
.content  .center  #best-sell .best-tab li{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) 0px -30px no-repeat; width:60px; height:77px;padding:0 9px;margin-right:20px;font-family:Arial; float:left;cursor:pointer;display:table-cell;}
.content  .center  #best-sell .best-tab li div{width:60px; height:77px; position:relative;vertical-align:middle; display:table-cell;overflow:hidden;word-wrap: break-word; break-word: break-all;}
.content  .center  #best-sell .best-tab li p{ width:60px;  font-size:13px; color:#fff;*position:absolute;*top:50%;*left:50%;text-align:center;}

.content  .center  #best-sell .best-tab li p span{ *position:relative;*top:-50%;*left:-50%;line-height:16px;display:block; }


.content  .center  #best-sell .best-tab{ position:absolute; top:-102px; left:260px;}
.content  .center  #best-sell .best-tab li.best-current{ background-position:-94px -30px;}
.content  .center  #best-sell .bes-product { display:none;}
.content  .center  #best-sell  .shows{ display:block;}
.content  .center  #best-sell .bes-product ul li{ float:left; margin:0 0 20px 13px;*margin:0 0 20px 9px; }
.content  .center  #best-sell .bes-product .bes-pro1{ width:352px; margin-left:0px;}
.content  .center  #best-sell .bes-product .bes-pro1 .pro-img{ width:346px; height:401px; border:3px #fff solid; }
.content  .center  #best-sell .bes-product .bes-pro2{ width:615px;}
.content  .center  #best-sell .bes-product .pro-img2{ width:190px; height:180px; border:1px #e8e8e8 solid; }
.content  .center  #best-sell .bes-product .pro-img2:hover{border:1px #c6c6c6 solid; }
.content  .center  #best-sell .bes-product ul li .name{ width:334px; height:19px; font-size:17px; color:#545454; overflow:hidden; margin-top:10px; line-height:17px;}
.content  .center  #best-sell .bes-product ul li .name2,.content  .center  .likes .names{ font-size:12px; width:180px; height:13px; line-height:12px; margin:10px 0 4px 8px;}
.content  .center  #best-sell .bes-product ul li .off{ color:#545454; font-size:17px;}

.content  .center  .mar-l{ margin-left:8px;}

.content  .center  #best-sell .bes-product ul li  .price{ color:#9f0e0e; font-size:18px; width:334px;}
.content  .center  #best-sell .bes-product ul li  .price2{ font-size:12px; font-weight:bold; width:180px;}
.content  .center  #best-sell .bes-product ul li  .price span{ color:#545454; font-size:14px; margin-left:3px;}
.content  .center  #best-sell .bes-product ul li  .price2 span{font-size:12px; font-weight:normal;}

.content  .center  #best-sell .bes-product ul li .star{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png?v=20140617) -93px 0px no-repeat; width:15px; height:15px; margin-top:4px ; margin-right:2px;display:block; }
.content  .center  #best-sell .bes-product ul li .star2{ background-position:-157px 0px; margin-right:8px;}
.content  .center  .review{ font-size:14px; color:#585858;}
.content  .center  .review span{ color:#c40707; margin-right:6px;}

.content  .center  #best-sell .bes-product ul li .off2{font-size:12px;}
.content  .center  #best-sell .bes-product ul li .wei{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) -1px -120px no-repeat;  width:21px; height:21px; margin:0  10px 0 25px;}
.content  .center  #best-sell .bes-product ul li .wei2{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) -1px -156px no-repeat; width:17px; height:17px; margin-left:10px;}
.content  .center  #best-sell .bes-product ul li .wei:hover{background-position:-102px -120px;}
.content  .center  #best-sell .bes-product ul li .wei2:hover{background-position:-89px -156px;}
.content  .center  #best-sell .bes-product ul li .face{ background-position:-33px -120px; margin-left:0px;}
.content  .center  #best-sell .bes-product ul li .face2{background-position:-27px -156px;}
.content  .center  #best-sell .bes-product ul li .face:hover{background-position:-134px -120px;}
.content  .center  #best-sell .bes-product ul li .face2:hover{background-position:-115px -156px;}
.content  .center  #best-sell .bes-product ul li .bird{ background-position:-65px -120px; margin-left:0px;}
.content  .center  #best-sell .bes-product ul li .bird2{ background-position:-52px -156px; }
.content  .center  #best-sell .bes-product ul li .bird:hover{background-position:-166px -120px;}
.content  .center  #best-sell .bes-product ul li .bird2:hover{background-position:-140px -156px;}
/*------------------------Reviews----------------------------*/
.content  .center  #reviews ul li{ border:2px solid #fff; background:#fff; padding-bottom:15px; margin-left:13px; width:228px; }

.content  .center  #reviews ul li .viedo{ width:228px; height:150px;}
.content  .center  #reviews ul li .imgs{ width:200px; height:140px; margin:14px 14px 14px 14px;}
.content  .center  #reviews .rename{ color:#545454; width:215px; height:17px; overflow:hidden;}

.content  .center  #reviews  .reprice,.content  .center .likes .lprice{  color:#9c9c9c; margin-top:6px; line-height:12px;}
.content  .center  #reviews  .reprice span,.content  .center  .likes .lprice span{color:#9f0e0e; font-weight:bold;}

.content  .center  #reviews .star2{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png?v=20140617) 0px -185px no-repeat; width:12px; height:12px; margin-top:8px; margin-right:1px;  display:block;}
.content  .center  .review2{ color:#585858; line-height:24px;}
.content  .center  .review2 span{ color:#c40707; margin-right:2px;}
.content  .center  #reviews .you{ width:23px; height:23px; background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) 0px -205px no-repeat;}
.content  .center  #reviews #ad .adimg{ width:312px; height:112px;}
.content  .center  #reviews .shop{ color:#1141a0; font-weight:bold; line-height:14px; margin-top:4px; *margin-top:8px;}
/*------------------------ad----------------------------*/
.content  .center   #ad { padding-top:30px;}
.content  .center   #ad .adimg{ width:312px; height:112px; margin:0 0 10px 15px; _margin:0 0 0px 15px; float:left}
.content  .center    .sbrands .brands{ width:180px; height:63px; border:1px solid #c8c8c8; margin:0 0 9px 14px;}
.content  .center   .sbrands .brands:hover,.content  .center  #like  .like-img:hover{ border:1px solid #9f9f9f;}
.content  .center   .sbrands{_clear:both;}
.content  .center  #reviews  .none,.content  .center   #ad .none,.content  .center    .sbrands .none{ margin-left:0px;}
/*------------------------like----------------------------*/
.content  .center .likes .btn{background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) -210px 65px no-repeat #cbcbcb; display:block; width:36px; height:171px; cursor:pointer;}
.content  .center .likes .pre{ float:left; margin-right:4px;}
.content  .center  .likes .next{ background-position:-250px 65px;float:right;}
.content  .center  .likes .likes{ width:889px; overflow:hidden;}
.content  .center  .likes ul li{ float:left; padding-bottom:20px; margin:0 5px;_margin:0 3px;*margin:0 3px;}
.content  .center  .likes .like-img{vertical-align:middle; display:table-cell; position:relative; text-align:center;overflow:hidden;height:170px;width:210px;border:1px solid #c8c8c8; background:#fff;}
.content  .center  .likes  .img-span{ *position:absolute;*top:50%;*left:50%;display:block;margin:0 auto;width:210px; }
.content  .center  .likes  .like-img img{max-height:170px; max-width:210px; *position:relative;*top:-50%;*left:-50%;display:block;margin:0 auto;}

.content  .center  .likes  .names{ color:#545454; width:190px; margin-left:8px; height:13px; overflow:hidden;}
.content  .center  .likes .like{width: 890px; height: 230px;overflow: hidden;}
/*------------------------discrib----------------------------*/
.cates{  overflow: hidden;padding:0 59px;width: 1150px;}
.cates ul li{  float: left;margin-right: 90px;width: 197px ;margin-bottom: 15px;}
.cates  a{color:#3F3F3F;padding-right: 3px; }
.cates dt{height: 38px;line-height: 38px;}
.cates dt a{  font-weight: 700; margin-bottom: 10px;}
.cates dd a{line-height: 22px; width:210px; height:22px; padding-left:7px; overflow:hidden;}
.cates .new,.cates .hot{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) 0 -241px;  display: inline-block;height: 11px;width: 23px}
.cates .hot { background-position:0 -279px;}
.discb{color: #000000;font-size: 18px;margin: 5px auto 10px;}
.discb h1{    font-size: 18px;}
.discb h2{    font-size: 12px;}
.discb p{    font-size: 12px;}
.content .center .mar-l2{ margin-left:8px; _margin-left:4px;}
#dcp-banner{_clear:both;}
.dcp-book{ width:222px; height:300px;  margin-top: 20px;}
.dcp-book iframe{ width:222px; height:300px;}