@charset "utf-8";
/****************
 * @description : 时尚+首页
 * @author    : felix
 * @date      : 2015-01-21
 ****************/



/*顶部焦点图*/
.kol_cover{position:relative;width:1000px;height:477px;margin:0 auto;overflow:hidden;}
.kol_cover .banner{display:block;width:1000px;height:477px;}
.kol_cover .label{position:absolute;left:0px;bottom:0px;width:1000px;}
.kol_cover .label img{display:block;max-height:95px;padding:0px 30px;background:#fff;margin:0 auto;}

.kol_info{position:relative;width:1000px;height:135px;margin:112px auto 0 auto;background:#f7f7f7;border-top:1px solid #212121;}
.kol_info .name{position:absolute;top:38px;left:41px;width:600px;}
.kol_info .name h5{font-size:23px;line-height:33px;}
.kol_info .name p{font-size:15px;line-height:21px;color:#9f9f9f;}
.kol_info .posts{position:absolute;top:42px;right:41px;display:block;padding:0px 40px;height:42px;line-height:42px;color:#fff;background:#212121;-moz-border-radius:42px;-webkit-border-radius:42px;border-radius:42px;font-size:14px;}
.kol_info .photo{position:absolute;top:-38px;left:50%;margin-left:-38px;width:76px;height:76px;border:1px solid #212121;-moz-border-radius:76px;-webkit-border-radius:76px;border-radius:76px;font-size:76px;}


.page_margin{margin:26px 0px 105px 0px;}

.loading_more a{display:block;width:208px;height:44px;margin:6px auto 94px auto;line-height:44px;text-align:center;color:#fff;background:#212121;margin-bottom:95px;cursor:pointer;}
.loading_more a:hover{background:#eb6100;color:#fff}

@font-face {
    font-family: 'KnockLight';
    src: url('knockout-htf30-juniorwelterwt-webfont.eot');
    src: url('knockout-htf30-juniorwelterwt-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.trends.com.cn/manrepeller/knockout-htf30-juniorwelterwt-webfont.woff') format('woff'),
         url('http://www.trends.com.cn/manrepeller/knockout-htf30-juniorwelterwt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KnockHeavy';
    src: url('knockout-htf50-welterweight-webfont.eot');
    src: url('knockout-htf50-welterweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.trends.com.cn/manrepeller/knockout-htf50-welterweight-webfont.woff') format('woff'),
         url('http://www.trends.com.cn/manrepeller/knockout-htf50-welterweight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'GaraDisplayItal';
	src: url('GaramondPremrPro-ItDisp.eot');
	src: local('☺'), url('http://www.trends.com.cn/manrepeller/GaramondPremrPro-ItDisp.woff') format('woff'), url('http://www.trends.com.cn/manrepeller/GaramondPremrPro-ItDisp.ttf') format('truetype'), url('GaramondPremrPro-ItDisp.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GaraDisplay';
	src: url('GaramondPremrPro-Disp.eot');
	src: local('☺'), url('http://www.trends.com.cn/manrepeller/GaramondPremrPro-Disp.woff') format('woff'), url('http://www.trends.com.cn/manrepeller/GaramondPremrPro-Disp.ttf') format('truetype'), url('GaramondPremrPro-Disp.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*MAIN*/
.int_brand_name{height:67px;width: 1200px; margin:0 auto; background:url(../images/img2/li_bg.png) no-repeat; }
.int_brand_name .smallt li{ width:171px; height:53px; margin-top:6px;  float:left;  cursor:pointer; }
.int_brand_name .smallt li a{ width:100%; height:53px; display:block;}
.int_brand_name li.title0 {background:url(../images/img2/brands_bg.png) 0 12px no-repeat; width:115px; }
.int_brand_name li.title0_1 {background:url(../images/img2/brands_bg.png) 0 -32px no-repeat; width:115px;}
.int_brand_name li.title1{background:url(../images/img2/brands_bg.png) -115px 12px no-repeat; width:161px;  }
.int_brand_name li.title1_1{background:url(../images/img2/brands_bg.png) -115px -32px no-repeat; width:161px;   }
.int_brand_name li.title2 {background:url(../images/img2/brands_bg.png) -276px 12px no-repeat; width:187px; }
.int_brand_name li.title2_1 {background:url(../images/img2/brands_bg.png) -276px -32px no-repeat; width:187px; }
.int_brand_name li.title3 {background:url(../images/img2/brands_bg.png) -464px 12px no-repeat; width:237px; }
.int_brand_name li.title3_1 {background:url(../images/img2/brands_bg.png) -464px -32px no-repeat; width:237px; }
.int_brand_name li.title4 {background:url(../images/img2/brands_bg.png) -701px 12px no-repeat; width:117px; }
.int_brand_name li.title4_1{background:url(../images/img2/brands_bg.png) -701px -32px no-repeat; width:117px;}
.int_brand_name li.title5 {background:url(../images/img2/brands_bg.png) -818px 12px no-repeat; width:209px; }
.int_brand_name li.title5_1{background:url(../images/img2/brands_bg.png) -818px -32px no-repeat; width:209px;}
.int_brand_name li.title6 {background:url(../images/img2/brands_bg.png) -1026px 12px no-repeat; width:174px; }
.int_brand_name li.title6_1{background:url(../images/img2/brands_bg.png) -1026px -32px no-repeat ;width:174px;}



/*DUJOUR*/
.dujour_nav{ width:1000px; margin:0 auto;}
.dujour_head{text-align:center;height:84px;margin:30px 0px 20px 0px;}
.dujour_head img{display:inline-block;width:360px;height:84px;}
.brand_menu{font-size:14px;text-transform:uppercase;font-weight:bold; padding-bottom:30px; text-align:center; background: url(../images/img2/dujour_04.png) repeat-x left bottom; }
.brand_menu ul{display:inline-block;margin:0 auto;}
.brand_menu ul li{ float:left; display:inline; margin:0 25px;}
.brand_menu ul li em{padding-left:2px; font-size:15px; font-family:"didot";  font-style: italic ;}
.brand_menu a{color: #000; text-decoration:none; outline:none; }
.brand_menu a:hover{ color:#8b8b8b;text-decoration: underline;}
.brand_menu ul li .active{ color:#fa287c;text-decoration: underline;}

/*FASHIONISTA*/
.fashs_warp{ width:1000px; margin:0 auto; padding-top: 35px; }
.fashs_warp .logo{width:333px;height:57px;}
.fashs_menu{ border-bottom:1px solid #e3e4e6;}
.fash_menu{font-size:13px; padding:30px 0 15px 0; border-bottom:1px solid #e3e4e6}
.fash_menu ul:after{content:'\0020';display:block;height:0;clear:both}
.fash_menu ul li{ float:left; display:inline; margin:0 50px 0 0; color:#afb5b5; font-weight:bold;}
.fash_menu ul li a{color:#afb5b5;text-decoration:none;}
.fash_menu ul li a:hover{ color:#4f95fc; text-decoration: none;}
.fash_menu ul li .active{ color:#4f95fc; text-decoration: none;}
.fash_menu ul li em{ font-family:Microsoft PhagsPa;  padding-left:2px; letter-spacing:1px;}
.fash_share{ margin-top:14px; float:left;}
.fash_share a{ width:32px; height:32px; display:inline-block; margin:0 0 0 2px;}
.fash_fenxiang{ height:32px; width:65px; border-right:1px solid #eeeeee; line-height:32px; text-align:center; float:left; color:#b1b2b2; font-size:14px; margin:14px 10px 0 0;}
.fashs_warp .wb_icon{  background:url(../images/img2/fashionista_04.png) no-repeat 0 0;}
.fashs_warp .qq_icon{  background:url(../images/img2/fashionista_04.png) no-repeat -37px 0;}
.fashs_warp .wx_icon{  background:url(../images/img2/fashionista_04.png) no-repeat -74px 0;}


/*MAN REPELLER*/
.head_stick_wrapper{display: block;width:1000px; margin:0 auto; position:relative;}
.head {width:100%; display:block; position:relative; height:119px;}
.header_logo {background-position: 0px 0px; width: 505px; height: 119px; position: absolute; left:0px; top:0px;}
.header_logo img{display:block;width: 505px; height: 119px;}
.banner_cutout {width:208px; height:119px; display:none;}
.what_is {position: absolute; right:0px; top:42px; display:block;}
.horiz_nav{border-bottom: 1px solid #eee;  border-top: 1px solid #eee;width: 100%;  background: #fff;height: 50px;}
.horiz_nav .full ul{  text-align: center; font-family: KnockHeavy, sans-serif;}
.horiz_nav .full li{ display: inline-block; margin: 0px 17px;font-size: 16px;position: relative; height: 50px;line-height: 50px;}
.horiz_nav .full li b{  font-family: "Microsoft yahei";color: #000;text-decoration: none;font-size: 14px;}
.head_stick_wrapper a{color: #000; text-decoration:none; outline:none; text-decoration: none;}

/*POPSUGAR*/
.po_head{ width:1000px;height:55px; margin:0 auto; padding:10px 0px;border-bottom:1px solid #e3e4e6;font-family: "ProximaNova","AvenirNext-Regular","Helvetica Neue","Helvetica","Arial","sans-serif";}
.po_logo{ background: url(../images/img2/popsugar_01.jpg) no-repeat; width:406px; height:55px; display:block; float:left;}
.po_menu{ float:right;}
.po_menu ul li{ text-transform:uppercase; font-size:13px; line-height:1px; font-weight:600; float:left; height:55px; line-height:55px; margin:0 5px; padding:0 1px;}
.po_menu ul li em{ padding-right:5px;}
.po_menu ul li a{ color:#201f1e;text-decoration:none;}
.po_menu ul li a:hover{color:#fa287c;text-decoration:none;}
.po_menu ul li .active{color:#fa287c;text-decoration:none;}


/*PUREWOW*/
.brand_top_nav{width:100%; background-color:#000000; padding:10px 0 15px 0;}
.brand_top_nav .logo{ width:1000px; margin:0 auto;}
.brands_nav{background-color:#fff; width:1052px; margin:0 auto;}
.brands_warp{ width:1022px; margin:0 auto;background-color:#fff; }
.pbrand_menu{ width:800px; font-size:14px; padding:40px 0 40px 130px;}
.pbrand_menu ul li{ float:left; display:inline; margin:0 22px;}
.pbrand_menu ul li em{ font-family:Candara; font-size:16px; padding-left:2px; letter-spacing:1px;}
.pbrand_menu a{text-decoration:none;color:#333;}
.pbrand_menu a:hover{ text-decoration: none;}

.brands_warp a.fashion.active,
.brands_warp a.fashion:hover{ color:#ba3958;}
.brands_warp a.beauty.active,
.brands_warp a.beauty:hover{ color:#8e85cb;}
.brands_warp a.travel.active,
.brands_warp a.travel:hover{ color:#c9e58e;}
.brands_warp a.arts.active,
.brands_warp a.arts:hover{ color:#306691;}
.brands_warp a.living.active,
.brands_warp a.living:hover{ color:#fcbe85;}


/*ZHE ZOE REPORT*/
.thezoereport-wrap{width:1000px;margin:0 auto;}
.thezoereport-head{background:#222;background:-webkit-linear-gradient(#222, #000, #000);background:-o-linear-gradient(#222, #000, #000);background:-moz-linear-gradient(#222, #000, #000);background:linear-gradient(#222, #000, #000);height:60px;max-height:60px; }
.thezoereport-head:after{content:'\0020';display:block;height:0;clear:both}
.thezoereport-head .logo{float:left;width:250px;height:22px;padding-top:17px;}
.thezoereport-head .logo img{width:100%;}
.hezoereport-head .logo img{ width:860px; height:86px; display:block; text-indent:-99999px; margin:0 auto; padding:120px 0 0 0; color:#fff;text-decoration:none;}
.thezoereport-head .nav{ float:left;}
.thezoereport-head .nav{ float:left;}
.thezoereport-head .nav a{width:140px;height:60px;line-height:60px;color: #fff;opacity:0.75; font-size: 16px; margin: 0 45px; font-family:Century Gothic;text-decoration:none;}
.thezoereport-head .nav a:hover{opacity:0.9;}

/*WHOWHATWEAR*/
.whowhatwear-head{ height: 55px; border-bottom: 1px solid #C7C7C7; width: 1000px; margin: 0 auto;}
.whowhatwear-head .logo{ width: 380px; border-right: 1px solid #c7c7c7; text-align: center; padding: 15px 0 0; height: 40px;  float: left;}
.whowhatwear-head ul{ text-align: center; overflow: hidden; padding: 0 30px; }
.whowhatwear-head li{ width: 33.33%; float: left; height: 55px; line-height: 55px; font-size: 14px;}
.whowhatwear-head li span{font-family: calibri;  margin: 0 5px 0 0; letter-spacing: 2px;}
.whowhatwear-head a{text-decoration:none;}
.whowhatwear-head a:hover{ text-decoration: none; }