﻿.makeupFilter
{
    float:right;
    font-size:80%;
}
.makeupFilter select
{
    width:100%;
}
.makeupFilter .title
{
    float:left;
    line-height:120%;
}
 .makeupFilter .filter1
 {
    float:left;
    width:150px;
    margin:0 30px;
 }
 .makeupFilter .filter2
 {
    float:left;
    width:150px;
 }
/****************/
.makeupBanner
{
    height:170px;
    margin:40px 0 30px 0;
}
.makeupBanner img
{
    width:554px;
}
/****************/
.hotSell
{
    background:url(images/bg/makeupface_bestselling.gif) no-repeat 0 -3px;
    padding-top:53px;
    height:242px;
    width:207px;
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
}
.hotSell ul li
{
    background:url(images/icon/icon_lineL.png) repeat-x;
    height:71px;
    overflow:hidden;
    padding:2px 0 1px 0;
}
.hotSell ul li.first
{
    background:none;
}
.hotSell .findMore
{
    background:url(images/icon/icon_0.png) no-repeat 0 -131px;
    font-size:80%;
    padding-left:10px;
    position:absolute;
    bottom:5px;
    right:20px;
}
/****************/
.proposedProd
{
    background:url(images/bg/makeupproduct_useproposed.gif) no-repeat;
    padding:85px 10px 0 10px;
    height:213px;
    width:187px;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}
.proposedProd li
{
    height:56px;
    margin-bottom:13px;
    vertical-align: bottom;
}
.proposedProd li .pic
{
    clear:left;
    float:left;
    height:56px;
    width:56px;
}
.proposedProd li .title
{
    display:block;
    float:right;
    margin:15px 0 5px 0;
    width:120px;
	line-height:15px;
}
.proposedProd li .findMore
{
    background:url(images/icon/icon_0.png) no-repeat 0 -252px;
    color:#844965;
    clear:right;
    display:block;
    float:right;
    font-size:70%;
    padding-left:10px;
    width:110px;
}
/****************/
.makeupProdType
{
    float:left;
    width:145px;
}
.makeupProdType li
{
    float:left;
    height:115px;
    width:147px;
}
.makeupProdType li div
{
    padding:25px 0 0 10px;
    height:90px;
    width:100%;
}
.makeupProdType li.active
{
    position:relative;
}
.makeupProdType li.active div
{
    position:absolute;
    background:url(images/bg/makuface_tab.gif) no-repeat;
}
.makeupProdType li.active .seeAll
{
    display:none;
}
.makeupProdType .title
{
    color:#fff;
    display:block;
    font-family: 黑体, Arial, Helvetica, sans-serif;   
    font-size:100%;
    font-weight:bold;
    letter-spacing:2.5pt;
}
.makeupProdType .desc
{
    display:none;
}
.makeupProdType .seeAll
{
    display:block;
    background:url(images/icon/icon_0.png) no-repeat 0 -923px;
    color:#ca125a;
    font-size:60%;
    margin-top:5px;
    padding-left:10px;
}
.makeupProdType li.active .title
{
    color:#ca125a;
    display:block;
    font-size:160%;
    font-weight:bold;
    letter-spacing:0.5pt;
    margin-left:10px;
}
.makeupProdType li.active .desc
{
    color:#fff;
    display:block;
    font-size:75%;
    line-height:120%;
    margin:5px 0 5px 10px;
}
/****************/
.makeupProdList
{
    border:1px solid #080808;
    float:right;
    width:398px;
}
.makeupProdList .border
{
   border:1px solid #21212a; 
   float:right;
   width:396px;
}
.makeupProdList .listContent
{
    background:#101019 url(images/bg/makuface_prod_content_top.gif) no-repeat;
    padding:20px 0 5px 0;
    margin:10px 0 0 8px;
    width:380px;
}
.makeupProdList .bottom
{
    background:url(images/bg/makuface_prod_content_bottom.gif) no-repeat bottom;
    height:5px;
    margin:0 0 15px 8px;
    width:380px;
}
.makeupProdList .listContent h1
{
    background:url(images/icon/icon_0.png) no-repeat 0 -210px;
    color:#fff;
    font-size:90%;
    font-weight:normal;
    padding:2px 0 2px 15px;
    margin-left:20px;
}
.makeupProdList .listContent ul
{
    background-color:#28282a;
    width:360px;
    margin:15px 0 0 10px;
}
.makeupProdList .listContent li
{
    border-top:1px solid #080808;
    padding:9px 10px;
    position:relative;
    height:104px;
}
.makeupProdList .prodPic,.makeupProdList .prodPic img
{
    float:left;
    height:105px;
    width:143px;
    overflow:hidden;
}
.makeupProdList .prodInfo
{
    float:right;
    width:180px;
    overflow:hidden;
}
.makeupProdList .listContent .title
{
    color:#ca125a;
    display:block;
    font-family: 微软雅黑, 宋体;
    font-size:110%;
    padding-top:15px;
    margin-bottom:5px;
	line-height:120%;
}
.makeupProdList .listContent .spf
{
    color:#fff;
    display:block;
    font-size:100%;
    margin-bottom:5px;
}
.makeupProdList .listContent .desc
{
    color:#fff;
    font-size:75%;
    line-height:120%;
    margin:5px 0;
}
.makeupProdList li.hover
{
    background:url(images/bg/makuface_prod_hover.gif) repeat-y;
}
.makeupProdList li.hover .title
{
    color:#fff;
}
.makeupProdList li.hover .desc
{
    color:#000;
}
/****************/
.makeupProdDetail .top
{
    background:url(images/bg/content_bg.gif) no-repeat 0 -95px;
    height:30px;
}
.makeupProdDetail .center
{
    background:url(images/bg/content_bg_1px.gif) repeat-y;
}
.makeupProdDetail .bottom
{
    background:url(images/bg/content_bg.gif) no-repeat 0 -118px;
    height:30px;
}
.makeupProdDetail .pic
{
    float:left;
    margin-left:15px;
    padding-bottom:30px;
    position:relative;
    height:338px;
    width:223px;
    overflow:hidden;
}
.makeupProdDetail .pic img
{
    width:223px;
}
.makeupProdDetail .info
{
    color:#000;
    float:right;
    padding-bottom:30px;
    width:275px;
    margin-right:25px;
}
.makeupProdDetail .titleA, .makeupProdDetail .titleB
{
    color:#f62974;    
    font-family: 微软雅黑, 宋体;
    font-weight:normal;
    font-size:130%;
    line-height:150%;
}
.makeupProdDetail .titleB
{
    font-size:200%;
    line-height:120%;
}
.makeupProdDetail .desc
{
    margin:10px 0;
}
.makeupProdDetail .price
{
    color:#f62974;
    font-size:80%;
}
.makeupProdDetail h1
{
    background:#fff url(images/icon/icon_0.png) no-repeat 0 -175px;
    font-weight:normal;
    padding-left:15px;
}
.makeupProdDetail .info h1
{
    margin:15px 0;
}
.makeupProdDetail .detail
{
    color:#4f4f4f;
    font-size:80%;
    height:145px;
    line-height:150%;
    padding-right:20px;
}
.makeupProdDetail .color
{
    border-top:1px solid #b2b2b2;
    clear:both;
    margin-left:25px;
    padding-top:15px;
    position:relative;
    width:500px;
}
.makeupProdDetail .color h1
{
    color:#000;
    position:absolute;
    top:-10px;
}
.makeupProdDetail .color li
{
    color:#000;
    font-size:70%;
    display:block;
    text-align:center;
    float:left;
    height:100px;
    width:83px;
    line-height:200%;
}
.makeupProdDetail .color li img
{
    height:79px;
    width:79px;
}
.makeupProdRelated
{
    background: #2A292D url(images/bg/makeupproduct_related_products.gif) no-repeat;
    padding:25px 5px 25px 15px;
    margin-top:25px;
	border:1px solid #313035;
	border-top:none;
	overflow:auto;
}
.makeupProdRelated h1
{
    background:url(images/icon/icon_0.png) no-repeat 0 -210px;
    color:#fff;
    font-size:110%;
    font-weight:normal;
    padding:5px 0 5px 20px;
}
.makeupProdRelated ul
{
    margin-top:15px;
}
.makeupProdRelated li
{
    background:url(images/bg/makupproduct_products_bg.gif) no-repeat 0 20px;
    float:left;
    margin:0 0 20px 0;
    padding:30px 12px 10px;
    position:relative;
    height:103px;
    width:240px;
	border-top:1px dotted #444444;
}
.makeupProdRelated .pic
{
    float:left;
    height:101px;
    width:110px;
}
.makeupProdRelated .title
{
    color:#fff;
    display:block;
    float:right;
    line-height:130%;
    margin:10px 0 5px 0;
    width:116px;
    font-size:80%;
}
.makeupProdRelated .findMore
{
    background:url(images/icon/icon_0.png) no-repeat 0 -251px;
    color:#A4175E;
    font-size:70%;
    padding-left:15px;
    position:absolute;
    bottom:16px;
    right:30px;
}
/****************/
.c00
{
    background-color:#e9d4c6;
}
.c01
{
    background-color:#e5cfc5;
}
.n00
{
    background-color:#e8d8c7;
}
.n01
{
    background-color:#e6d2c0;
}
.n02
{
    background-color:#e5ccaf;
}
.w01
{
    background-color:#e6d2b1;
}
