@import url(comm.css);
@import url(header.css);
@import url(sider_nav.css);
@import url(footer.css);

/* ============== #container ============== */
#container{ clear: both; width: 980px; margin: 2px auto auto; text-align: left; }
#con_left{ float: left; width: 204px; }

/* #content */
#content{ float: left; width: 496px; }
#content_w{padding: 0 14px 10px 14px; }
#hot_pro_w{ height: 413px;  }
#hot_pro{ padding: 240px 240px 0 10px; }
#hot_pro h3{ font-size: 14px; color:#000; }
#hot_pro_describe{ color: #666; line-height: 120%; padding: 0.5em 0; }
#hot_pro_price{ font-size: 14px; font-weight: bolder; text-align: right; }
#hot_pro_buy{ margin: 21px 0 0 10px; position: relative; }
#hot_pro_buy li{ float: left; padding: 0 0 0 15px; }
#hot_pro_buy a{ display: block; float: left; width: 85px; border: 1px solid #f39; text-indent: 15px; color: #f39; }
#hot_pro_buy a:hover{ border: 1px solid #f93; }
#buy_ico{ background: url(img/but_ico01.gif) no-repeat 7px; }
#sc_ico{ background: url(img/but_ico02.gif) no-repeat 7px; }

.t1{ position: relative; border: 1px solid #fcc; background: #f39; }
.t1 h3{ padding: 0 0 0 0.5em; font-size: 14px; color: #fff; line-height: 27px; float: left; }
.t1 .more{float: right; color:#fff; padding: 0 1em 0 0;color: #000; text-decoration: underline; }
.t2{ clear: both; border: 1px solid #dfdfdf; background: #f0f0ee;  }
.t2 h3{ padding: 0 0 0 0.5em;font-size: 14px; color: #000; line-height: 27px; float: left; }
.t2 .more{float: right; padding: 0 1em 0 0;color: #000; text-decoration: underline;font-style: italic}

.por_list{ margin: 3px 0 0 0; }
.por_list li{ float: left; width: 152px; padding:0 4px 0 0;position:relative; }
.por_list li.no-mar{ margin: 0; }
.por_list li a{ display: block; float: left; border: 1px solid #ccc; }
.por_list li a:hover{ background: #fee7f1; }
.por_list li img{ margin: 1px; vertical-align: bottom; }
.por_list li dl{ position: relative; clear: both; padding: 0 8px; border-top: 1px solid #ccc; }
.por_list li dl dd img{ vertical-align: middle; }
.por_list li dl dd.price{line-height: 15px; }
.pro_list_pages{ clear: both; margin: 5px 0 0 0; height: 25px; line-height: 25px; background: #f4f4f4; border: 1px solid #e5e5e5; text-align: center; }
.pro_list_pages a{ margin: 0 15px 0 0; }

.por_list li div{

    position:absolute;
     width:50px;
    height:35px;
    right:4px;
    bottom:1px;
    clear:both;

   
    }
  
.por_list li div p{
    
    width:50px;
    height:35px;
    background:url(../images/part_pay.png) no-repeat !important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../images/part_pay.png');
    _background:none;
 }
.por_list li div a{width:100%;height:35px;border:0;overflow:hidden;position:relative;background:none;}
.por_list li div a strong{visibility:hidden;}
.por_list li div a:hover{background:none;}

hr.line{ margin: 14px 0; background: #9a9a9a; }

#life_style_w{ clear: both; height: 280px; border-bottom: 1px solid #9a9a9a; }
#life_style{ padding: 124px 0 0 195px; }
#life_style h3{ font-size: 14px; color: #000; }
#life_style_describe{ color: #666; line-height: 120%; padding: 0.5em 0; }
#life_style_price{ font-size: 14px; font-weight: bolder; }
#life_style_buy{ margin: 10px 0 0 0; position: relative; }
#life_style_buy li{ float: left; padding: 0 15px 0 0; }
#life_style_buy a{ display: block; float: left; width: 85px; border: 1px solid #f39; text-indent: 15px; color: #f39; }
#life_style_buy a:hover{ border: 1px solid #f93; }

/* #con_right */
#con_right{ float: left; width: 280px; }
.t3{ clear: both; height: 37px; background: #e0e0e0; padding: 0 0 0 10px; color: #f39; }
.t3 h3{ padding: 5px 0 0 0; line-height: 14px; font-size: 14px; }
.t3 span{ font-size: 11px; line-height: 100%; }

#rec_pro{ position: relative; height: 216px; overflow: hidden; }
#rec_pro_bg{ position: absolute; bottom: 0; width: 280px; height: 63px; background: url(/css/img/hot_bg.png) !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/hot_bg.png', sizingMethod='scale'); }
#rec_pro_describe{ position: relative; margin: 9px 0 0 110px; }
#rec_pro_describe p{ color: #000; }
#rec_pro_t{ width: 100px; }
p#rec_pro_price{ position: absolute; right: 10px; top: 0; font-size: 18px; color: #f00; font-weight: bolder; }
a#link_all_pro{ position: absolute; left: 0; bottom: 0; z-index: 100; display: block; width: 103px; height: 20px; background: #f60; color: #fff; text-align: center; }
a#link_all_pro:hover{ background: #f6c; }

#rec_pro_list{ background: #e0e0e0; margin: 0 0 5px 0; padding: 7px 5px 2px 5px; }
#rec_pro_list li{ float: left; }
#rec_pro_list li { padding: 0 0 5px 5px; }
#rec_pro_list li a{ display: block; border: 1px solid #fff; }
#rec_pro_list li a:hover{ border: 1px solid #f63; }

#special_offer{ border: 1px solid #e0e0e0; border-top: 1px solid #fff; background: url(../images/hot_pro_bg03.jpg); height: 197px; margin: 0 0 5px 0; overflow: hidden; }
#special_offer_info{ padding: 111px 0 0 170px; }
#special_offer_info a{ display: block; width: 96px; height: 20px; margin: 10px 0 0 0; background: #000; color: #fff; text-align: center; }
#special_offer_info a:hover{ background: #f6c; }

#match{padding: 0 5px 8px 3px; margin: 0 0 5px 0; border-top: 1px solid #fff; background: #e0e0e0; }
#match li{ float: left; height: 100px; padding: 5px 0 0 7px; overflow: hidden; }
#match li a{ display: block; border: 1px solid #000; background: #000; text-align: center; }
#match li a:hover{ border: 1px solid #333; background: #333; }
#match li a del{ color: #fff; }
#match li a span{ color: #f36; }
.match_p{ clear: both; color: #000; padding: 0.5em 0 0 0.5em; }

#marieclaire{clear: both; background: #e2e2e2 url(img/jiaren2.jpg) no-repeat; }
#marieclaire h4{ padding: 28px 0 0 98px; font-size: 14px; color: #fff; }
#marieclaire p{ padding: 0 0 0 98px; color: #000; line-height: 120%; }
#marieclaire ul{ margin: 0 0 5px 0; padding: 3px 5px 2px 5px; }
#marieclaire ul li{ float: left; padding: 0 0 5px 5px;  }
#marieclaire ul li a{ display: block; border: 1px solid #000; }
#marieclaire ul li a:hover{ border: 1px solid #fff; }

.five_star_ico{  background-repeat: no-repeat; background-position: 85px 0; }
#five_star{ position: relative; padding: 6px 5px 8px 5px; margin: 0 0 5px 0; border-top: 1px solid #fff; background: #e0e0e0; }
#five_star li{ float: left; padding: 8px 0 0 6px; }
#five_star li a{ display: block; border: 1px solid #ccc; }
#five_star li a:hover{ border: 1px solid #f39; }
#five_star{ position: relative; padding: 6px 5px 8px 5px; margin: 0 0 5px 0; border-top: 1px solid #fff; background: #e0e0e0;}

#fashion_news{ position: relative; padding: 6px 5px 8px 15px; margin: 0 0 5px 0; border-top: 1px solid #fff; background: #e0e0e0;}
#fashion_reco_pic{ float: left; width: 73px; }
#fashion_reco_pic img{ border: 1px solid #666; }
#fashion_reco_t{ float: left; width: 180px; }
#fashion_reco_t h4 a{ font-size: 14px; line-height: 100%; text-decoration: underline; color: #39f; }
#fashion_reco_t h4 a:hover{ color: #f39; }
#fashion_reco_t p{ padding: 5px 0 0 0; line-height: 120%; }
#fashion_news ul{ clear: both; padding: 10px 0 0 0; }
#fashion_news ul li{ display:block;float:left;width:100%;}
#fashion_news ul li a{ display: block; padding: 0 0 0 10px;  background: url(img/dotted.gif) no-repeat left center;}