﻿/*公共样式*/
body{ font-size:14px; color:#677080;}
strong{ font-weight:normal;}
input,textarea{ outline:0;}
.marr_10{ margin-right:10px;}
.mart_10{margin-top:10px;}
a.xq{ white-space:nowrap;}
.sTit{display:block; font:18px/28px "黑体","宋体"; margin-bottom:10px; overflow:hidden;}
.titBlack{ width:100%; overflow: hidden; background:url(../images/line08.gif) repeat; position: absolute; left: 0; bottom:-30px; z-index: 3; line-height: 30px; text-align: center; color: #fff;-webkit-transition-property:bottom; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function:ease-in-out; }
a.leftPic,a.pic{ width:370px; height:405px; display:block; overflow:hidden; position:relative;}
a:hover .titBlack{ bottom:0;}
.head_pic,.indexBar,.bar,.wrap,.foot_nav,.banner,.WhatHot{ width:1000px; margin:0 auto; overflow:hidden;}
.indexBar{ margin-top: 15px;}
p{word-break: break-all; word-spacing:normal;}
.indexBar a img,.main .list a img{-webkit-transition: all 0.8s; transition: all 0.8s; position:relative; }
.indexBar a:hover img,.main .list a:hover img{ -webkit-transform: scale(1.12); transform: scale(1.12);filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.indexBar .block,.bar .block{ width:100%; overflow:hidden;}
a{ text-decoration:none; color:#677080;}
a:hover,ul.nav li a:hover,.TodayHot_left ul li .text p a:hover,.TodayHot_left ul li .text strong a:hover,.FriendLink_info a:hover,.hotAnomaly_ul li p a:hover{ color:#e40280;}
.lBox .tit h3,.rBox .tit h3,.perMatch dd .tit h4,.magicRight .news h3,.hotSearch .tit h3{ float:left; font-family:"黑体","宋体";  font-size: 18px;}
.lBox .tit span,a.more{ float:right;}
.line{ height:8px; width:100%; background:url(../images/line.gif) repeat-x; margin:5px 0px 7px 0px;}
a.titBg,h1.titBg a,.fashion_top dl dt a.on,.fashion_top dl dt a:hover,.HotBar_nav a,.HotBar_tit01,.HotBar_tit02,.TheRight a.reflue,.TheRight_tit,.TodayHot h3,a.down,.span.titBg,.collect_top_right_tit a.down,.FriendLink_tit a.on,.SalonRank .tit a.on,.SalonList_tit a.on,.magicRight .magicTit a.on,.SkinCareTit a.on{ background:url(../images/commonTit.png) no-repeat;}

.head_pic{ margin-bottom:34px;}
.top35{ margin-top:35px;}
.mart_20,.wrap,.StarShape .block,.ShortHair .block,.Beauty .block{ margin-top:20px;}
a.down{ width: 16px; height: 18px; float:right; background-position: -331px -266px; margin: 5px 0px 0px 0px;}
a.titBg,h1.titBg a{ position:absolute; background-position: 0px -265px; font-size:18px; font-family:"黑体"; color:#fff; padding-left:14px; width:80px; line-height:35px; top:0; z-index:999;
-webkit-transition-property:background; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function:ease-in-out;}
a.titBg:hover{background-position: 0px -300px;}
.bar a:hover img,.wrap a:hover img,.fashionTopics a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.girl_top dl dd p a,ul.collect_bottom_text li p a,.fashionTopics dl dd p a,a.xq{ color:#ff4cb0;}
a.xq:hover{ color:#e40280;}
a.titH,span.titH,.collect_bottom dl dt span,.SalonCenter_pic dt span,.selectedGirl_main .left span,.MakeUp .left span,.StreetSnap dl.left dt span,.PrettyFace .PrettyFace_center .center dt span{ position:absolute; background:#e40280; font-size:18px; font-family:"黑体"; color:#fff; padding: 0px 15px; line-height:30px; height:30px; overflow:hidden; left: 0px; white-space: nowrap; z-index:999;}
a.titH:hover{ background:#ff53c1 !important; color:#780947; bottom:25px;}

.commentBox .btn a.qq,.commentBox .btn a.wb,.logText a.qq,.logText a.wb{ background:url(../images/subCommonTit.png) no-repeat; padding:0; width: 27px; height:28px; overflow:hidden; text-indent:-999px; margin-right: 10px;}
.commentBox .btn a.qq,.logText a.qq{ background-position: -163px 0px; }
.commentBox .btn a.wb,.logText a.wb{background-position: -135px 0px;}
.fashion,.FriendLink,.SalonTop .line,.lBox,.fashionBeauty,.MakeUp,.PrettyFace,.StarsGallery,.banner,.HairStyle{ margin-bottom:20px;}
/*top css*/
.head{ border-bottom:2px solid #677080; overflow:hidden; padding-bottom:25px; min-width:1000px; width:expression(document.body.clientWidth <= 1000? "1000px": "auto");}
.head .logo{ float:left; width:260px;height: 85px}
.head .logo a{width:260px; height:90px; overflow:hidden; display:block; text-indent:-999px; background:url(../images/logoxf.png) no-repeat;}
ul.nav{ float:right;}
ul.nav li{ float:right; width:110px; padding:0px 10px; line-height:30px;}
ul.nav li strong{ display:block; width:100%; height:28px; overflow:hidden; text-indent:-999px; background:url(../images/nav.gif) no-repeat; margin-bottom:2px;}
ul.nav li a{ color:#677080; float:left; width:45px; text-align:center;}
ul.nav li span{ color:#677080; float:left;width:15px; text-align:center; font-size: 20px; font-family:"黑体";}
ul.nav li.nav01 strong{ background-position:center -101px;}
ul.nav li.nav02 strong{ background-position:center -76px;}
ul.nav li.nav03 strong{ background-position:center -48px;}
ul.nav li.nav04 strong{ background-position:center -22px;}
ul.nav li.nav05 strong{ background-position:center 3px;}
/********************首页第一屏广告图********************/
#focus{width:980px; padding:0px 10px; height:435px;position:relative;}
#focus .focusDiv{ width:980px;height:435px; overflow: hidden; position: relative;}
#focus ul{height:435px;position:absolute; overflow:hidden;}
#focus ul li{float:left;width:980px;height:435px;overflow:hidden;position:relative;background:#000;}
#focus ul li div.text{position:absolute;overflow:hidden; padding:14px 25px; left:0;bottom:0; color:#424a57; z-index: 999; width:930px;}
#focus ul li div.bg{position:absolute;width:980px;height:86px;left:0;bottom:0;background:#e7ebf2; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;  z-index: 99;}
#focus ul li div p.tit{ font-family:"黑体"; font-size:18px; margin-bottom: 5px;}
#focus ul li div span{ font-size:24px;}
#focus ul li div span strong{ font-weight:normal; color:#e40280;}
#focus ul li div tt{ position:absolute; right:25px; top:14px; font:18px/30px "Arial";}
#focus .btnBg{ display:none;}
#focus .preNext{width:61px; height:53px; background: url(../images/btn.png) no-repeat; position: absolute; top:140px; cursor:pointer;}
#focus .pre { left:0; background-position:left top; }
#focus .pre:hover{ background-position:left bottom;}
#focus .next { right:0; background-position:right top; }
#focus .next:hover{ background-position:right bottom;}
/*头部发型库*/
.hLink{width: 140px;height: 50px;line-height:50px;float: left;text-align:center;}
.hLink a{font-size: 30px;display: inline-block;margin: 23px 0 0 24px;font-family: "Microsoft YaHei", 微软雅黑, 黑体, 宋体, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}
.hLink em{font-size: 30px;}
/********************今日热点********************/
.HotBar{ width:625px; height:522px; border-bottom:1px solid #677080; overflow:hidden; position:relative;}
.HotBar .pic{ width:615px; height:435px; margin-left:10px;}
.HotBar_tit01,.HotBar_tit02{ position:absolute; overflow:hidden; text-indent:-999px; width:260px; height:123px; background-position:left top;}
.HotBar_tit01{left:0px; top:15px; z-index:999; }
.HotBar_nav{ padding:10px 0px; line-height:65px;}
.HotBar_nav a{ background-position:99px -199px; width: 100px; display:inline-block; text-align: center;}
.HotBar_nav a.on,.HotBar_nav a:hover{ background-position:0px -134px; color:#fff;}
/*.HotBar_nav a.none{ padding-left:0; background:none;}*/
/*.HotBar_tit02{right:0px; bottom:12px; width:124px; height:64px; background-position:0px -134px;}*/
.TheRight{ float:right; width:365px; height:517px; padding:1px; border:2px solid #677080; border-right:0px; position:relative;}
.TheRight a{ position:absolute; overflow:hidden;}
.TheRight a.pic01{ width:208px; height:229px; top:7px; left:1px;}
.TheRight a.pic02{ width:149px; height:127px; top:135px; left:215px;}
.TheRight a.pic03{ width:176px; height:267px; top:244px; left:1px;}
.TheRight a.pic04{ width:180px; height:241px; top:269px; left:185px;}
.TheRight a.reflue{ width:25px; height:21px; background-position:-267px 0px; text-indent:-999px; overflow: hidden; top: 244px; left: 185px;}
.TheRight_tit{ position:absolute; width:149px; height:115px; background-position:-141px -133px; top:7px; left:215px; text-indent:-999px; overflow:hidden;}
.TheRight_tit a{ width:149px; height:115px; text-indent:-999px; display:block;}
.TodayHot{ border-top:2px solid #ff4cb0; margin:25px auto; padding-top:10px; height:796px;  overflow:visible;}
.TodayHot h3{ width:223px; height:59px; overflow:hidden; margin-top:-13px; background: url(../images/commonTit.png) no-repeat -104px -264px; text-indent:-999px; }
.TodayHot_left{width:425px;}
.TodayHot .TodayHot_left{width:425px;}
.TodayHot_left ul li{ border-bottom:1px solid #677080; width:100%; height:211px; padding:17px 0px; vertical-align:top;}
.TodayHot_left ul li .pic{ float:left; width:165px; overflow:hidden; position:relative;}
.TodayHot_left ul li .text{ float:right; width:246px;}
.TodayHot_left ul li .text p{ color:#677080; line-height:30px; padding:0px 0px 15px;}
.TodayHot_left ul li .text p.line01{ border-top:1px dashed #c9c9c9; padding:5px 0px 10px;}
.TodayHot_left ul li .text p a{ color:#8c929c; padding:0px 8px;}
.TodayHot_center{ float:left; width:254px; padding-left:15px;}
.TodayHot_center dt{ position:relative; margin-bottom:8px; width:254px; height:339px; overflow:hidden;}
.TodayHot_center dt a.pic{width:254px; height:339px;}
.TodayHot_center dd strong{ margin-bottom:0;}
.TodayHot_center dd p{ width:100%; overflow:hidden; color:#677080; margin-top:3px;}
.TodayHot_right{ float:right; width:293px; overflow:hidden;}
.TodayHot_right dt{ position:relative; /*height:320px;*/ margin-bottom:10px; padding-left:8px;}
.TodayHot_right dt a.titH{ top:265px; }
.TodayHot_right dt strong.sTit{ margin:10px 0px;}
.TodayHot_right dt a.pic{ width:284px; height:320px;}
.TodayHot_right p{ width:100%; overflow:hidden; color:#677080; margin-top:5px;}
.TodayHot_right p.info{ border-top:1px dashed #c9c9c9; line-height: 28px; padding: 8px 0px; margin-top: 12px;}
.TodayHot_ad{ border-top:2px solid #ff4cb0; width:100%; overflow:hidden; padding:10px 0px 0px;}
.TodayHot_ad h4{ float:left; font-size:18px; font-family:"黑体"; }
.TodayHot_ad a{ width: 16px; height: 18px; float:right; background-position: -331px -266px; margin: 5px 0px 0px 0px;}
.TodayHot_info{background:url(../images/line.gif) repeat-x;padding-top:8px; margin-top:10px;}
.TodayHot_info a.pic{ width:293px; height:244px;}
/********************bar 公共样式********************/
.indexBar h2,.bar h2{ width:100%; height:42px; background:url(../images/commonTit01.gif) no-repeat;}
.indexBar h2 a,.bar h2 a{ width:100%; height:42px; display:block; overflow:hidden; text-indent:-999px;}
.bar_tit{background:url(../images/line.gif) repeat-x center center; height: 40px;width: 100%;overflow: hidden;}
.bar_tit a{ background: #fff url(../images/commonTit.png) no-repeat 0px -210px; display:inline-block; float: right; padding: 10px 22px;}
.bar_tit a:first-child{ padding-right:0;}
/********************公共焦点图样式********************/
.slideBox{ width:660px; height:420px; padding-left:10px; float:left; overflow:hidden; position:relative; }
.slideBox .hd{ height: 9px; overflow:hidden; position:absolute; right: 75px; bottom: 42px; z-index:999; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px; width:7px; height:9px; background:url(../images/arrowBg.png) no-repeat -11px 0px; overflow:hidden; text-indent:-999px; cursor:pointer;  }
.slideBox .hd ul li.on{color:#fff; background-position:0px 0px; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:660px; height:420px; }
.slideBox .bd ul li{ width:660px; height:420px; position:relative;} 
.slideBox .bd ul li a{  width:660px; height:420px; display:block; overflow:hidden;}
.slideBox .bd ul li .text{ position:absolute; bottom:28px; background:#ff4cb0; width:574px; left:-10px; padding:10px 15px; color:#fff;}
.slideBox .bd ul li .text p.tit{ font-size:18px; font-family:"黑体"; color:#780947;}
/********************美发公共焦点图样式********************/
.hair{ margin-bottom:10px;}
.hair_main{ width:100%; overflow:hidden;}
.hair_main .TodayHot_left ul li{ padding:9px 0px;}
.hair_slideBox{ width:1000px; height:400px; position:relative; overflow:hidden; zoom:1; margin: 16px 0px 25px 0px; }
.hair_slideBox .hd{ width:347px;  height:400px; position:absolute; right:0px; z-index: 10; overflow:hidden;}
.hair_slideBox .hd ul li{ width: 292px; height:108px; padding:21px 20px 6px 35px;  margin-bottom: 1px; background:url(../images/line01.gif) no-repeat right top;}
.hair_slideBox .hd ul li.on{background:url(../images/arrow.png) top right no-repeat;}
.hair_slideBox .hd ul li p.tit{ font-size:18px; font-family:"黑体";}
/*.hair_slideBox .hd ul li p a{ color:#ff4cb0 !important;}*/
.hair_slideBox .bd{ width:670px; height:400px; position:relative; z-index: 1; text-align:right;}
.hair_slideBox .bd img{width:660px; height:400px; }
.hair_slideBox .bd a:hover img{ -webkit-transform: scale(1); transform: scale(1); }
.hair_slideBox .bd li{ position:relative; zoom:1; }
.hair_slideBox .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.hair_slideBox .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.hair_slideBox .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.hair_slideBox .bd li .title a{ color:#fff;  }
.hair_slideBox .bd li .text{ text-align:left; position:absolute; bottom:26px; background:#ff4cb0; width:600px; left:0px; padding:10px 15px; color:#fff;}
.hair_slideBox .bd li .text p.tit{ font-size:18px; font-family:"黑体"; color:#780947;}
.hair_main .TodayHot_center,.hair_main .hair_rank{ margin-top:15px;}
.hair_main .TodayHot_center{ width:234px; overflow:hidden;}
.hair_main .TodayHot_center dt{ height:218px;}
.hair_rank{ float:right; width: 307px; border:2px solid #677080; border-right:none; padding:10px 0px 0px 5px;}
.hair_rank dt{ border-bottom:1px solid #677080; position:relative; padding-bottom:14px; width:100%;}
.hair_rank dt span{ background:url(../images/commonTit.png) no-repeat -312px -439px; width:35px; height:27px; display:block; position:absolute; right:0px; top:-10px;}
.hair_rank dt a.pic{ float:left; width:137px; height:183px;}
.hair_rank dt .text{ float:right; width: 153px; padding: 20px 5px 0px 0px;}
.hair_rank dt .text p{ line-height:24px;}
.hair_rank dd{ border-bottom:1px dashed #c9c9c9; position:relative; padding-left:25px; line-height:46px; height:46px;  overflow: hidden; font-size: 14px;}
.hair_rank dd:last-child{ border-bottom:0;}
.hair_rank dd span{ width:20px; height:20px; position:absolute; top:14px;  left:0px; text-indent:-999px; background:url(../images/num.gif) no-repeat;}
.hair_rank dd.num01 span{ background-position:0px 0px;}
.hair_rank dd.num02 span{ background-position:0px -56px;}
.hair_rank dd.num03 span{ background-position:0px -106px;}
.hair_rank dd.num04 span{ background-position:0px -160px;}
.hair_rank dd.num05 span{ background-position:0px -213px;}
.hair_rank dd.num06 span{ background-position:0px -258px;}
.hair_rank dd.num07 span{ background-position:0px -311px;}
/********************时尚********************/
.fashion h2{ background-position:0px -42px;}
.fashion_top{ margin:30px 0px 15px; overflow:hidden;}
#fashion_slideBox,#fashion_slideBox .bd ul li,#selectedBox,#selectedBox .bd ul li,#fashionBeauty_slideBox .bd ul li{ width:610px;}
#fashion_slideBox .bd ul li a,#selectedBox .bd ul li a,#fashionBeauty_slideBox .bd ul li a{ width:610px;}
#fashion_slideBox .hd,#selectedBox .hd,#fashionBeauty_slideBox .hd{ right: 25px;}
#fashion_slideBox .bd img,#selectedBox .bd img,#fashionBeauty_slideBox .bd img{ width:610px; height:420px; }
.fashion_top_right{ float:right; width:355px; height:420px; overflow:hidden;}
.fashion_top dl dt{ width:100%; overflow:hidden;}
.fashion_top dl dt a{ float:left; width:117px; height:46px; line-height:46px; text-align:center;}
.fashion_top dl dt a.on,.fashion_top dl dt a:hover{ background-position:0px -439px; font-size:18px; color:#fff;}
.fashion_top dl dd{ width:100%; overflow:hidden; padding:15px 0px; border-bottom:1px solid #677080;}
.fashion_top dl dd:last-child{ border-bottom:none;}
.fashion_top dl dd .text{ float:left; width:215px;}
.fashion_top dl dd .pic{ float:right; width:130px; height:166px; overflow:hidden;}
.fashion_top dl dd .text p{ color:#677080; line-height:30px; padding:0px 0px 10px;}
.fashion_top dl dd .text p.line01{ border-top:1px dashed #c9c9c9; padding:5px 0px 10px;}






.fashion_top dl dd .text p a{ color:#8c929c; padding:0px 8px 0px 0px;}
.fashion_top dl dd .text p a:hover{ color:#ff4cb0; }
.fashion_bottom{ width:100%; overflow:hidden;}
.fashion_bottom_hd{ width:100%; overflow:hidden; padding-bottom:5px; margin-bottom:10px; border-bottom:2px solid #ff4cb0;}
.fashion_bottom_hd h3{ float:left; font-size:24px; font-family:"黑体"; line-height:41px;}
.fashion_bottom_hd .fr a{ background: #fff url(../images/commonTit.png) no-repeat 0px -210px; display:inline-block; float: right; padding: 10px 22px;}
.fashion_bottom_hd .fr a:first-child{ padding-right:0;}
.fashion_bottom ul{ width:1020px;}
.fashion_bottom ul li{ float:left; width:191px; overflow:hidden; position:relative; margin-right:11px;}
.fashion_bottom ul li span{  top: 173px; left:0;}
.fashion_bottom ul li a{ padding:5px 0px; display:block;}
.fashion_bottom ul li a.pic{ width:191px; height:203px; padding:0; margin:0px 0px 5px 0px;}
.fashion_bottom ul li a.titBg{ padding:0px 0px 0px 14px;}
/********************女生男生********************/
.girl h2{ background-position:0px -84px;}
.girl h2 a{ width:500px; float:left;}
.girl_top_focus{ float:left;}
.girl_top{ width:100%; overflow:hidden; margin-top:10px; padding-bottom:15px; border-bottom:2px solid #ff4cb0;}
.girl_top .girl_top_focus{ float:left; width:600px;}
.girl_top dl{ float:right; width:314px; overflow:hidden;}
.girl_top dl dt{ width:100%; height:30px; text-indent:-999px; overflow:hidden; background:url(../images/commonTit.png) no-repeat 0px -392px;}
.girl_top dl dd{ border-bottom:1px solid #677080; padding:15px 0px;}
.girl_top dl dd p{ line-height:22px;}
.girl_top dl dd:last-child{border-bottom:0;}
.girl_bottom{ width:100%; overflow:hidden; margin:20px 0px 30px;}
.girl_bottom .TodayHot_left ul li{ padding:9px 0px;}
.girl_bottom_pic{ width:560px; position:relative; height:440px; margin-top:9px;}
.girl_bottom_pic a{ position:absolute; overflow:hidden;}
.girl_bottom_pic a.pic01{width:320px; height:274px; top:0px; left:0px;}
.girl_bottom_pic a.pic02{width:234px; height:317px; top:0px; left:329px;}
.girl_bottom_pic a.pic03{width:150px; height:160px; top:282px; left:0px;}
.girl_bottom_pic a.pic04{width:162px; height:160px; top:282px; left:158px;}
.girl_bottom_pic a.pic05{width:234px; height:118px; top:323px; left:329px;}
/********************精选********************/
.collect{padding-bottom:30px; margin-bottom:10px; border-bottom:1px solid #677080;}
.collect h2{ background-position:0px -126px;}
.collect_top{ width:100%; overflow:hidden; margin:20px 0px;}
.collect_top_right{ width:314px; float:right; overflow:hidden;}
.collect_top_right_tit{ width:100%; overflow:hidden;  border-top:1px solid #677080; line-height:44px;}
.collect_top_right_tit h3{ font-size:18px; float:left; font-family:"黑体"; }
.collect_top_right_tit a.down{ width: 16px; height: 18px; float:right; background-position: -331px -266px; margin:13px 0px 0px 0px;}
.collect_top_right ul{ width:400px; margin-top:10px;}
.collect_top_right ul li{ float:left; width:97px; margin-right:13px;}
.collect_top_right ul li a{ padding:5px 0px; display:block;}
.collect_top_right ul li a.pic{ width:97px; height:107px; padding:0; margin:5px 0px;}
.collect_top_right_flash{ background:url(../images/line.gif) repeat-x; width:100%; padding-top:8px;overflow: hidden;}
.collect_bottom dl{ width:373px; border-bottom:2px solid #ff4cb0; padding-bottom:10px; overflow:hidden; }
.collect_bottom dl dt{ position:relative; padding-left:10px; height:480px;}
.collect_bottom dl dt a.pic{ width:363px; height:480px;}
.collect_bottom dl dt a.titH{ background:#ff4cb0; color:#780947; bottom:25px;}
.collect_bottom dl dd{ margin-top:20px;}
.collect_bottom dl dd p{ color:#677080; line-height:30px; padding:5px 0px 15px;}
.collect_bottom dl dd p.line01{ width:100%; border-top:1px dashed #c9c9c9;}
.collect_bottom dl dd p a{ color:#8c929c; padding:0px 10px;}
.collect_bottom_fr{ width:610px; overflow:hidden; float:right;}
ul.collect_bottom_text{ width:631px; overflow:hidden; margin-bottom:20px;}
ul.collect_bottom_text li{ float:left; width:301px;  margin-right:11px; line-height:24px; overflow:hidden; position:relative;}
ul.collect_bottom_text li a.pic{ width:301px; height:228px; overflow:hidden; display:block;}
ul.collect_bottom_text li strong{ padding:12px 0px 6px;}
.collect_bottom_ad{ border-top:1px solid #677080;}
.collect_bottom_ad .ad_tit{ overflow:hidden; line-height:44px; width:100%;}
.collect_bottom_ad h3{ float:left; font-family:"黑体"; font-size:18px;}
.collect_bottom_ad a.down{ margin-top:12px;}
.picBtnTop{ width:610px; height:236px; position:relative; overflow:hidden; zoom:1; padding-top:8px; background:url(../images/line.gif) repeat-x;}
.picBtnTop .hd{ width:347px;  height:214px; position:absolute; right:0px; z-index: 10;}
.picBtnTop .hd ul li{ width: 292px; height: 93px; padding: 15px 20px 10px 35px;  margin-bottom: 1px;}
.picBtnTop .hd ul li.on{background:url(../images/arrow.png) -4px -7px no-repeat;}
.picBtnTop .hd ul li p.tit{ font-size:18px; font-family:"黑体";}
.picBtnTop .hd ul li a{ color:#677080 !important;}
.picBtnTop .hd ul li a:hover p.tit{ color:#ff4cb0;}
.picBtnTop .bd{ width:279px;  height:237px; position:relative;  z-index: 1;}
.picBtnTop .bd img{ width:279px;  height:237px; }
.picBtnTop .bd li{ position:relative; zoom:1; }
.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff;  }
/********************友链********************/
.FriendLink_tit{ background:url(../images/friendBg.gif) repeat-x center bottom; width:100%; overflow:hidden;}
.FriendLink_tit a{ width:117px; height:46px; line-height:46px; display:block; float:left; text-align:center;}
.FriendLink_tit a.on{ background-position:-231px -334px; color:#fff; font-size:18px; }
.FriendLink_info{ padding:20px 0px 10px; line-height:24px;}
.FriendLink_info a{ color:#424a57; padding:0px 5px; white-space:nowrap;}
/********************底部********************/
.foot_nav{ border-top:1px solid #677080; line-height:42px;}
.foot_nav a{ margin-right: 25px;}
.footBar{ background:#424a57; border-bottom:10px solid #ff4cb0; padding:15px 0px 30px; font-size:12px;}
.footBar .logo{ float:left; padding:15px 10px 0px 0px; }
.footBar .text{ float:left; padding:15px 0px 0px 0px;}
.footBar .text p{ color:#8c929c; line-height: 20px;}
.footBar .text p.bold{ color:#677080;}
.footBar .wx{ float:right; width:110px;}
/********************返回顶部********************/
.backBar{ position: fixed;left: 50%; width:82px; bottom:30px;margin-left: 520px; display:none; _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.backUp{ position:relative; width:80px; height:273px;border:1px solid #ffa1d3; background:#fff;}
.backUp a.return{ background:url(../images/backTop.png) no-repeat; position:absolute; top:-32px; left:14px; width:50px; height:44px;}
.backUp div{ width:100px; position:absolute; left:-10px; top:30px;}
.backUp div a{ width:100px; height:36px; line-height:36px; display:inline-block; text-align:center; margin-top:1px; }
.backUp div a:hover,.backUp div a.on{ background:#e40280; font-weight:bold; color:#fff;}
.backUp .back_logo{ border-top:1px solid #8c929c; display:block; position:absolute; bottom:0;}
/********************美发设计频道********************/
.subNav li strong,.hotAnomaly h3,.tabTit a.on,.tabTit a:hover,.rLoop .hd ul li.on{ background:url(../images/subCommonTit.png) no-repeat;}
.subHead{ margin:10px 0px 0px; padding-bottom: 1px;}
.subHead .ad{float:right; width:725px; overflow:hidden;}
.subNav{ width:1000px;margin: 0px auto 15px; overflow:hidden;}
.subNav li{ width:180px; padding:0px 10px; float:left;}
.subNav li strong{ display:block; width:25px; height:58px; overflow:hidden; text-indent:-999px; float:left;}
.subNav li.nav01 strong{ background-position:2px 1px;}
.subNav li.nav02 strong{ background-position:-25px 1px;}
.subNav li.nav03 strong{ background-position:-52px 1px;}
.subNav li.nav04 strong{ background-position:-75px 1px;}
.subNav li.nav05 strong{ background-position:-99px 1px;}
.subNav li p{ float:right; width:147px; line-height: 30px;}
.subNav li p a{ color:#677080; float:left; width: 63px; text-align:center;}
.subNav li p a:hover{color:#e40280;}
.subNav li p span{ color:#677080; float:left; width: 20px; text-align:center; font-size: 20px; font-family:"黑体";}
.menu{ background:#424a57; width:100%; height:60px;}
.menu div{ width:1000px; margin:0 auto;}
.menu h1,.menu h2{ float:left; background:#fff url(../images/Hone2.gif) no-repeat; border:1px solid #ffa1d3;  margin-top:9px;}
.menu h1 a,.menu h2 a{width:155px; height:42px; overflow:hidden; text-indent:-999px; display:block;}
.menu .Channel h1,.menu .Channel h2{ background:#fff;}
.menu .Channel h1 a,.menu .Channel h2 a{ text-indent:0; font:20px/42px "黑体"; color:#e40280; text-align: center;}
.menu .Channel ul li{width: 101px;line-height:48px; text-align: center; font-size: 18px;}
.menu .Channel01 h1,.menu .Channel01 h2{ background-position:12px 11px;}
.menu .Channel01 h1,.menu .Channel01 h2{ background-position:12px 11px;}
.menu .Channel02 h1,.menu .Channel02 h2{ background-position:12px -28px;}
.menu .Channel02 ul li{ width: 116px;}
.menu .Channel03 h1,.menu .Channel03 h2{ background-position:12px -69px;}
.menu .Channel03 ul li{ width:100px; line-height:48px; text-align: center;font-size: 18px;}
.menu .Channel04 h1,.menu .Channel04 h2{ background-position:12px -103px;}
.menu .Channel04 ul li{width: 87px;line-height:48px; text-align: center;font-size: 18px;}
.menu .Channel05 h1,.menu .Channel05 h2{ background-position:12px -138px;}
.menu .Channel05 ul li{width: 87px;line-height:48px; text-align: center;font-size: 18px;}
.menu .Channel06 h1,.menu .Channel06 h2{ background-position:12px -178px;}

.menu .Channel07 h1,.menu .Channel07 h2{ background-position:12px -215px;}
.menu .Channel07 ul li{width: 87px;line-height:48px; text-align: center;font-size: 18px;}
.menu .Channel08 h1,.menu .Channel08 h2{ background-position:12px -250px;}
.menu .Channel08 ul li{width: 121px; }
.menu ul{ float: left; width:783px; overflow:hidden; margin: 6px 0px 6px 60px;}
.menu ul li{ float:left; line-height: 24px; width: 78px; padding-left: 9px;}
.menu ul li a{ color:#fff;}
.menu ul li a:hover{color:#e40280;}
.menu .Channel06 ul li{width: 88px;}

.SalonTop{ overflow:hidden; margin:0px auto 25px;}
.SalonRank{ width:360px; float:right;}
.SalonRank .tit{ width:100%; overflow:hidden;} 
.SalonRank .tit a{ width:117px; height:46px; line-height:46px; display:block; float:left; text-align:center;}
.SalonRank .tit a.on{background-position:0px -439px; font-size:18px; color:#fff;}
.SalonRank .hair_rank{ width:359px; border:0; border-bottom: 2px solid #677080; border-right: 2px solid #677080;}
.SalonRank .hair_rank dt .text{ float:right; width: 195px; padding: 20px 10px 0px 0px;}
.SalonRank .hair_rank dd{ line-height:54px; height:54px;}
.SalonRank .hair_rank dd span{top: 18px;}
.SalonCenter{ margin-bottom:30px;}
.SalonCenter a.leftPic{ width:370px; height:405px; float:left;}
.SalonCenter a.leftPic:hover p{ bottom:0px;}
.SalonCenter_text{ width:309px; float:left; padding-left:18px; overflow:hidden;}
.SalonCenter_text dt{ border-bottom:1px solid #677080; padding: 0px 0px 12px; margin-bottom: 10px; width:100%; overflow:hidden;}
.SalonCenter_text dt p{ line-height:24px;}
.SalonCenter_text dd{ line-height:30px;}
.SalonCenter_pic{ float:right; width:295px; overflow:hidden;}
.SalonCenter_pic dt{ position:relative; padding-left:10px; margin-bottom: 10px; height:213px;}
.SalonCenter_pic dt a.pic{width: 283px;height: 213px;overflow: hidden;display: block;}
.SalonCenter_pic dt a.titH{ background:#ff4cb0; color:#780947; left: 0px; bottom: 25px;}
.SalonCenter_pic dd{ width:100%; overflow:hidden;}
.SalonCenter_pic dd a{ margin-left:8px; float:left; display:inline; overflow:hidden;}
.SalonCenter_pic dd a.picTLeft{ width:123px; height:213px; margin-bottom:10px;}
.SalonCenter_pic dd a.picTRight{ width:154px; height:213px; margin-bottom:10px;}
.SalonCenter_pic dd a.picLeft{ width:166px; height:182px;}
.SalonCenter_pic dd a.picRight{ width:113px; height:182px;}
.SalonList ul{ width:1020px; overflow:hidden; margin-bottom:25px; padding-bottom:25px;  border-bottom: 1px solid #8c929c;}
.SalonList ul li{ float:left; width:242px; overflow:hidden; margin-right:11px; position:relative;}
/*.SalonList ul li a.pic{ margin-bottom:15px;width:242px; height:255px;}*/
.SalonList ul li img{ margin-bottom:15px;}
.SalonList ul li a.titBg{ top:220px; left:0;}
.SalonList ul li.lastChild a.titBg{ top: auto; left:0; bottom: 0;}


.SalonList ul p{  line-height: 28px;}
.SalonMode{height:630px; padding-bottom:30px; margin-bottom:20px; overflow:hidden; background:url(../images/line03.gif) repeat-x center bottom; }
.SalonMode_left{ float:left; width:675px;}
.SalonMode dl{ position:relative;}
.SalonMode dl dt{ position:absolute; left:0px; top:0px;}
.SalonMode dl dd{ width:320px; height:239px; padding:60px 35px 0px;  background:#fcfcfc url(../images/line02.gif) no-repeat right bottom; border-top:1px solid #8c929c; position:absolute; line-height:24px; }
.SalonMode dl dd a.titBg{ left:0px;}
.SalonMode dl.SalonMode_dl01 dt a,.SalonMode dl.SalonMode_dl02 dt a,.SalonMode dl.SalonMode_dl03 dt a{ width:300px; height:300px; overflow:hidden; display:block;} 
.SalonMode dl.SalonMode_dl03 dt a{ height:327px;}
.SalonMode dl.SalonMode_dl01{ width:675px; height:322px;}
.SalonMode dl.SalonMode_dl01 dd{left:300px; top:0px;}
.SalonMode dl.SalonMode_dl02{ width:690px; height:302px; margin-top:30px;}
.SalonMode dl.SalonMode_dl02 dt{ left:auto; right:0;}
.SalonMode dl.SalonMode_dl02 dd{left:0; top:0px}
.SalonMode dl.SalonMode_dl02 dd span.titBg{ right:0px; left:auto;}
.SalonMode dl.SalonMode_dl03{ float:right; width:300px;}
.SalonMode dl.SalonMode_dl03 dd{ width:230px; height:264px;}
.SalonMode dl.SalonMode_dl03 dd{left:0px; top:327px;}
.five{ margin-bottom:30px;}
.SalonList_tit{ border-bottom:2px solid #ff4cb0; margin-bottom:20px; width:100%; overflow:hidden;}
.SalonList_tit a{ width:117px; height:46px; line-height:46px; display:block; float:left; text-align:center; background:#fff url(../images/commonTit.png) no-repeat 116px -210px;}
.SalonList_tit a.on{ background-position:0px -439px; font-size:18px; color:#fff; font-family:"黑体","宋体";}
.SalonList_tit a.down{ width: 16px; height: 18px; float: right;background: url(../images/commonTit.png) no-repeat -331px -266px;  margin-top: 13px;}
.five ul{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.five ul li{ float:left; width: 192px; overflow:hidden; margin-right: 10px;}
.five ul li a{ margin-top:0px; line-height: 24px; overflow:hidden;}
/*.five ul li a.pic{ width:191px; height:203px;}*/
.SalonUl{ width:1020px; overflow:hidden; padding:25px 0px; border-top:1px solid #677080;}
.SalonUl li{ width:325px; float:left; overflow:hidden; line-height:30px; margin-right:12px;}
.SalonUl li a.pic{ width:325px; height:302px; margin-bottom: 10px;}
.gallery h2{ background-position:0px -168px;}
.slideFocus{width:980px;margin:20px auto 0px;position:relative}
.slideFocus li{width:196px;height:435px;overflow:hidden;margin-right:0px;float:left}
.slideFocus li div.text{position:absolute;overflow:hidden; display:none; width:292px; padding: 8px 15px; left:0;bottom:0px; color:#424a57; z-index: 999; background:#e7ebf2; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;-webkit-transition-property:bottom; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function:ease-in-out;  }
.slideFocus li div p.title{ font-family:"黑体"; font-size:18px;}
.slideFocus li div span{ font-size:24px;}
.slideFocus li div span strong{ font-weight:normal; color:#e40280;}
/********************热点热门********************/
.h455{ height:455px; overflow:hidden; margin-bottom:30px; width: 1000px;}
.h455 .TodayHot_left ul li{ padding:9px 0px; }
.hotAnomaly{ border-top:2px solid #ff4cb0; overflow: visible; margin:30px auto 15px; padding-bottom:12px;  border-bottom: 1px solid #677080;}
.hotAnomaly h3{ width:220px; height:70px; margin:-3px 0px 10px 0px; overflow:hidden; text-indent:-999px; background-position: 0px -109px;}
.hotAnomaly_ul li{ width:100%; overflow:hidden; background:url(../images/hotAnomaly_tit.gif) no-repeat;}
.hotAnomaly_ul li strong{ float:left; width: 88px; font-weight:bold; padding: 22px 0px 0px 22px;}
.hotAnomaly_ul li p{ float:right; width:880px; padding:10px 0px; line-height:24px; overflow:hidden; background:#fff; border-bottom:1px dashed #c9c9c9;}
.hotAnomaly_ul li:last-child p{ border-bottom:0;}
.hotAnomaly_ul li p a{ color:#8c929c; margin-right:10px; white-space:nowrap;}
.TodayHot_right_dl{ float:right; width:314px; overflow:hidden; margin-top: 15px;}
.TodayHot_right_dl dt{ position:relative; border-bottom:1px solid #677080; padding-bottom: 12px; margin-bottom: 11px;}
/********************美发设计频道列表页********************/
.local{ line-height:40px; margin-bottom:10px;}
.local b{ margin-right:4px;}
.local a{ padding:0px 4px;}
.main{margin-bottom:30px; overflow:hidden;}
.leftBar{ float:left; width:730px; overflow: hidden;}
.SalonList_ul{ border-bottom:1px solid #677080;}
.SalonList_ul li{ border-top:1px solid #677080; padding:15px 0px; width:100%; overflow:hidden;}
.SalonList_ul li a.pic{ float:left; width:260px; height:210px;}
.SalonList_ul li .text{ float:right; width:450px;}
.SalonList_ul li .text strong{ font-size:18px; font-family:"黑体","宋体"; display:block; margin-bottom:15px;}
.SalonList_ul li .text p{ margin-bottom: 10px; width:100%; line-height:24px; overflow:hidden;}
.SalonList_ul li .comment{ width:100%; border-top:1px dashed #c9c9c9; padding-top: 10px;}
.SalonList_ul li .comment a.txt{ float:left; line-height:36px; margin-right:40px;}
.SalonList_ul li .comment span{ float:left; line-height:36px; }
/********************页码********************/
.page{height:30px;margin-top:28px; width:100%;text-align:center;font-size:14px;}
.page span,.page a{margin:0 2px;padding: 0 8px;color:#fff;background:#ff4cb0; border:1px solid #e40280; display:inline-block;line-height: 24px;}
.page a{color:#8c929c;background:#fff;border:1px solid #677080;text-decoration:none;}
.page a:hover{color:#fff;background:#ff4cb0; border:1px solid #e40280;}
.rightBar{ float:right; width:250px;}
.rightBar .ad{ width:100%; overflow:hidden; margin-bottom:10px;}
.FashionWeek dt{ position:relative; margin-bottom:13px; width:250px;}
.FashionWeek a.titH{ padding: 0px 10px; left: -10px; top:185px; }
.FashionWeek .sTit{ margin:10px 0px;}
/*.FashionWeek dt a{width:250px; height:245px; overflow:hidden; display:block;}
.FashionWeek dd strong{ display:block;  font-family:"黑体"; font-size:18px; font-weight:normal;}*/
.FashionWeek p{ width:100%; overflow:hidden; color:#677080; margin-top:5px;}
.FashionWeek p.info{ border-top:1px dashed #c9c9c9; line-height: 28px; padding: 8px 0px; margin-top: 12px;}
.rBox{ border-top:2px solid #ff4cb0; width:100%; _width:250px; overflow:hidden; margin-bottom:10px;}
.rBox .tit{ width:100%; line-height:44px; padding-bottom:8px; background: url(../images/line.gif) repeat-x center bottom; overflow: hidden; margin-bottom:15px;}
.rBox .tit h3.hotIcon{ background:url(../images/subCommonTit.png) no-repeat 0px -179px; width: 109px; overflow: hidden; text-indent: -999px;}
.rBox .text{ margin-bottom:15px;}
.rBox a.pic{ width:250px; height:250px; margin-bottom:10px;}
.rBox .text p{ margin:8px 0px; line-height:30px;}
.rBox .hair_rank{float: none; width: 250px; border: 0; border-top:1px solid #677080; padding:0px;}
.StarGallery h2{   background-position: 0px -210px;}

.article{ width:100%; overflow:hidden;border-top: 1px solid #8c929c; padding-top: 15px;}
.article h1{font: 24px/36px "黑体";text-align: center;  border-bottom: 1px dashed #c9c9c9;margin-bottom: 15px;padding-bottom: 15px;}
.author{ width:100%; overflow:hidden;}
.author span{ float:left; margin-right:50px;}
.author a{ float:right; background:url(../images/subCommonTit.png) no-repeat; padding-left: 23px; margin-left: 15px;}
.author a.icon_comment{ background-position: -199px -24px;}
.author a.icon_fav{background-position: -197px -1px;}
.ProductItem{ width:750px; margin:20px 0px 15px 0px; overflow:hidden; border-bottom: 1px solid #8c929c;padding-bottom: 20px;}
.ProductItem li{ float:left; width:175px; overflow:hidden; margin-right:10px; position: relative;}
.ProductItem li span.titBg{ top:152px;}
.ProductItem li a.pic{ width:175px; height:187px; padding:0;} 
.ProductItem li p{font-size: 12px;margin-top: 10px; line-height: 24px;}
.intro{ width:100%; overflow:hidden; background: url(../images/hotAnomaly_tit.gif) no-repeat 0px -8px; margin-bottom:15px;}
.intro strong{ float:left; line-height: 48px; padding-left: 20px;}
.intro p{ float:right; width: 615px; background:#fff; padding: 0px 20px; line-height: 24px;}
.content{ width:100%; overflow:hidden;}
.content p{text-indent:2em; font:16px/28px "宋体"; padding:5px 0 8px;}
.content p img{ display: block;margin: 0 auto;width: 550px;height: auto;}
.content p img.wid{width: 550px;}
.content img{ display: block;margin: 0 auto;}
.prvNext{ margin:30px 0px 0px; padding-bottom:15px; width:100%; overflow:hidden; border-bottom:1px dashed #c9c9c9; }
.share{ width:100%; border-bottom: 1px solid #8c929c;  padding-top: 10px; overflow: hidden;}
.share a.txt{ float:right; line-height:36px; margin-right:40px;}
.share span{ float:right; line-height:36px; }
.share .bdsharebuttonbox{ float:right;}

.lBox .tit{ width:100%; line-height:44px; border-bottom:2px solid #ff4cb0; overflow: hidden; margin-bottom:15px;}
.related{ width:100%; overflow:hidden; background:url(../images/line.gif) repeat-x center bottom; padding-bottom:20px;}
.related dt{ float:left; width:357px; line-height:34px;}
.related dd{ margin-left:10px; float:left; width:175px; position:relative;}
.related dd span.titBg{ top:152px;}
.related dd a{font:12px/22px "宋体"; display:block;}
.related dd p{ line-height:20px;margin-top:10px;}
.commentBox{border:1px solid #677080;}
.commentBox textarea{ width:724px; border:0; height:140px; resize:none;}
.commentBox .btn{ padding:10px 15px; height:28px;  line-height:28px; border-top:1px solid #677080; overflow:hidden;}
.commentBox .btn a,.commentBox .btn span{ float:left; padding:0px 10px;}
.commentBox .btn span{ padding:0px 0px 0px 25px;}
.commentBox .btn .alog{ color:#677080; border:1px solid #e40280;}
.commentBox .btn input{ float:right; border:1px solid #e40280; background:#ff4cb0; color:#fff; line-height:26px; height:26px; width:80px; cursor:pointer;}
.commentList dd{ border-top: 1px dashed #c9c9c9; margin-top: 15px; padding-top: 15px; width:100%; overflow:hidden;}
.commentList dd .author{ float:left; width:60px;}
.commentList dd .text{ float:right; width:655px;}
.commentList dd .text p{ width:100%; overflow:hidden; font-size:12px; margin-bottom: 5px;}
.commentList dd .text p a.fl{ font-weight:bold;}
.commentList dd .text p.reply a{ float:right; margin-left:10px; color:#ff4cb0;}
.CosmeticPro{ width:750px; overflow:hidden;}
.CosmeticPro li{ float:left; width:175px; overflow:hidden; margin-right:10px; }
.CosmeticPro li a{ padding:10px 0px 0px; font:12px/24px "宋体";}
.CosmeticPro li p{ margin-top:10px;}


.rLoop{ width:100%; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #677080; position:relative;}
.rLoop .hd ul li{float:left; width: 83px; height:46px; line-height:46px; text-align:center; }
.rLoop .hd{ margin-bottom:10px; height:46px;}
.rLoop .hd ul li.on{ background-position:-137px -181px; font-size:18px; color:#fff;}
.rLoop .hd ul li.on a{ color:#fff;}
.rLoop .bd ul li strong.sTit{ margin-top:10px;}
.rLoop .next,.rLoop .prev{width:61px; height:53px; background: url(../images/btn.png) no-repeat; position: absolute; top:155px; cursor:pointer; z-index:9999;}
.rLoop .next { left:0px; background-position:left top; }
.rLoop .next:hover{ background-position:left bottom;}
.rLoop .prev { right:0px; background-position:right top; }
.rLoop .prev:hover{ background-position:right bottom;}


.tabTit{ width:250px; overflow:hidden; margin-bottom: 15px; height:45px;}
.tabTit a{ float:left; width: 83px; height:46px; line-height:46px; text-align:center;}
.tabTit a.on,.tabTit a:hover{ background-position:-137px -181px; font-size:18px; color:#fff;}

.ProRank{ width:755px;}
.ProRank .SalonProRank{ float:left;}
.SalonProRank{ width:250px; position:relative;}
.SalonProRank_ul{ border-bottom:1px solid #8c929c; margin-bottom:20px;}
.SalonProRank ul li{ height:385px;}
.SalonProRank ul li a.pic{ width:250px; height:250px;}
.SalonProRank strong{padding:16px 0px 6px 0px;}
.SalonProRank p{ line-height:22px; margin-bottom:15px;}
/********************魔发镜********************/
.perMatch h3{ background:url(../images/subCommonTit01.png) no-repeat;}
.magicLeft{ border-top:1px solid #677080; width:582px; float:left; padding-top:15px;}
.magicRight{ float:right; width:395px; overflow:hidden; border-top:2px solid #677080; background:url(../images/line.gif) repeat-x; padding-top:8px;}
.logText{ width:100%; overflow:hidden; line-height:24px; margin-top:15px;}
.logText a.log,.logText a.reg{ width:126px; text-align:center; display:block; float:left; margin-right:10px;}
.logText a.log{ background:#e40280; border:1px solid #ff4cb0; color:#fff;}
.logText a.reg{ border:1px solid #677080;}
.logText span,.logText a.qq,.logText a.wb{ float:left; line-height:28px;}
.magicRight .operate{width: 420px; border-top: 1px dashed #c9c9c9; overflow:hidden;margin-top: 15px;padding-top: 5px;}
.magicRight .operate a{ border:1px solid #677080; white-space:nowrap; width:80px; line-height:24px; display:inline; float:left; text-align:center; margin: 10px 22px 0px 0px;}
.magicRight .magicTit{ width:100%; overflow:hidden; margin-top: 15px;} 
.magicRight .magicTit a{ width:117px; height:46px; line-height:46px; display:block; float:left; text-align:center;}
.magicRight .magicTit a.on{background-position:0px -439px; font-size:18px; color:#fff;}
.magicRight .magicText{ margin-top:15px; padding-bottom:24px; background:url(../images/line.gif) repeat-x center bottom; width:100%; overflow:hidden;}
.magicRight .magicText dd{ padding:7px 0px; line-height:24px; width: 100%; overflow: hidden;}
.magicRight .magicText b{ margin-right:10px; float: left;}
.magicRight .magicText span{ background:#f6f6f6; float: left; width: 318px;}
.magicRight .magicText span a{ padding:0px 3px;}
.magicRight .magicText .magicTag{width: 420px;overflow:hidden;padding-top: 5px;}
.magicRight .magicText .magicTag a{ border:1px solid #677080; white-space:nowrap; width:80px; line-height:24px; display:block; float:left; text-align:center; margin: 10px 22px 0px 0px; color:#8c929c;}
.magicRight .magicText .magicFace a{ line-height: 23px; padding: 0px 10px; float: left;}
.magicRight .magicText .magicFace a.default,.magicRight .magicText .magicTag a:hover{ border:1px solid #ff4cb0; color:#ff4cb0;}
.magicRight .magicText input{ float:left; margin-left:3px; display:inline;}
.magicRight .magicText .inputBox{ width:194px; padding:0px 10px; line-height:24px; height:24px; border:1px solid #677080; margin-left:0;}
.magicRight .magicText .inputBox:focus{ border:1px solid #ff4cb0;}
.magicRight .magicText .inputBtn,.magicRight .magicText .inputBtn01{ background:#ff4cb0; border:1px solid #e40280; color: #fff; line-height: 24px; height:24px; width:46px; text-align:center;}
.magicRight .magicText .inputBtn01{ background:#fff; border:1px solid #677080; color: #8c929c;}
.magicRight .news{ width:100%; overflow:hidden; border-bottom:1px solid #677080; }
.magicRight .news .tit{ border-bottom:2px solid #ff4cb0; line-height:46px; width:100%; overflow:hidden;}
.magicRight .news ul{line-height: 30px; padding: 10px 0px;}


/********************完美搭配********************/
.perMatch{ border-top:2px solid #ff4cb0; overflow: visible; margin:30px auto 15px; padding-bottom:12px;  border-bottom: 1px solid #677080;}
.perMatch h3{ width:355px; height:70px; margin:-3px 0px 10px 0px; overflow:hidden; text-indent:-999px; background-position:0px 0px;}
.perMatch dl{ width:1000px; overflow:hidden;}
.perMatch dd{ float:left; width:495px;overflow:hidden; border-top: 1px solid #677080;}
.perMatch dd .tit{ padding-bottom:8px; background:url(../images/line.gif) center bottom repeat-x; line-height:46px; width:100%; overflow:hidden;}
.perMatch dd .box a.pic{ float:left; width:243px; height:324px;}
.perMatch dd .box .text{ float:right; width:240px; padding-top: 15px;}
.perMatch dd .box .text strong{ font-size:17px;}
.perMatch dd .box .text p{ line-height: 26px;}
.perMatch dd .box .info{ border-top: 1px dashed #c9c9c9; overflow: hidden; padding-top: 15px; margin-top: 13px; width: 100%;}
.perMatch dd .box .info a{ float:left; width:97px; overflow:hidden; padding: 0px 11px;}
.perMatch dd .box .info img{ margin-bottom: 8px;}
/********************发型图片********************/
.selected h2{ background-position:0px -252px;}
ul.SalonCenter_text{ width: 317px;}
ul.SalonCenter_text li{ float:left; width:148px; margin-right: 10px;}
ul.SalonCenter_text li p{ margin: 8px 0px 10px; line-height: 24px;}
/********************发型图片********************/
.selectedMain{ margin-top:16px;}
.selectedMain_left{ float:left; width: 630px; overflow:hidden;}
.selectedMain_text{padding-top:20px; width:100%; overflow:hidden;}
.selectedMain_text li{ float:left; width:200px;  margin-right:10px; line-height:24px; overflow:hidden; position:relative;}
.selectedMain_text li a.pic{ width:200px; height:210px;}
.selectedMain_text li p{ margin:10px 0px;}
.selectedMain_text li p.titBlack{ margin:0;}
.selectedMain_right{ width: 370px; float: right; overflow: hidden}
.selectedMain_right dd{ float:left; width: 175px; display:inline; margin-left: 10px;}
.selectedMain_right dd a{ margin:0px 0px 16px; display:block; line-height: 24px;}
.selectedMain_right dd a.pic{width:175px; height:188px; margin:0;}
.selectedMain_right dd a p{ margin-top:10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.selectedMain_right dt a.pic{width:175px; height:188px; margin:0;}
.selectedMain_right dt{ width:100%; overflow:hidden; border-top: 1px dashed #cacaca; padding-top: 12px; margin-top: 12px;}
.selectedMain_right dt a.pic{ float:left; width:135px; height:124px;}
.selectedMain_right dt p{ float:right; width:215px; line-height: 24px; margin: 14px 0px;}
/********************女明星发型图********************/
.selectedGirl h2{ background-position:0px -294px;}
.selectedGirl .selectedGirl_main{ width:100%; overflow:hidden; margin-top:20px;}
.selectedGirl_main .left{ position:relative; padding-left:10px; margin-bottom: 10px; width:325px; float:left;}
.selectedGirl_main .left a.pic{width: 325px;height:302px;overflow: hidden;display: block;}
.selectedGirl_main .left a.titH{ background:#ff4cb0; color:#780947; left: 0px; bottom: 25px;}
.selectedGirl_main .center{ float:left; width:249px; overflow:hidden; margin-left:12px;}
.selectedGirl_main .center a.pic{ width:249px; height:145px; margin-bottom:11px;}
.selectedGirl_main .right{ float:left; width:190px;margin-left:12px;}
.selectedGirl_main .right a{ margin: 10px 0px 0px; line-height: 24px; display:block;}
.selectedGirl_main .right a p{ margin-top:5px;}
/*.selectedGirl_main .right a.pic{ width:190px; height:239px; margin:0;}*/
.selectedGirl_box{ width:1070px; overflow:hidden; margin:10px 0px 15px;}
.selectedGirl_box li{ float:left; width:191px; overflow:hidden; margin-right:10px;}
.selectedGirl_box li a{ line-height:24px; margin:10px 0px 0px; display:block;}
.selectedGirl_box li a.pic{ width:191px; height:203px; margin:0;}
.selectedGirl_box li a p{ margin-top:10px;}
/********************男明星发型图********************/
.selectedBoy h2{background-position:0px -336px;}
.selectedBoy .SalonUl{ padding: 15px 0px 5px; border: 0;}
/********************综合发型********************/
.synth h2{ background-position:0px -378px;}
.synthSlide{ width:1000px; height:548px; position:relative; overflow:hidden; zoom:1; margin:20px 0px;}
.synthSlide .hd{ width:140px; height:548px; position:absolute; left:0px; z-index: 10;}
.synthSlide .hd ul{background:url(../images/line04.gif) left top no-repeat;}
.synthSlide .hd ul li{ width:140px; height:54px; line-height:54px; text-align:center; padding-right:25px;  background:url(../images/line04.gif) left bottom no-repeat;}
.synthSlide .hd ul li.on{ font-size:18px; font-family:"黑体"; background:url(../images/arrow_small.png) no-repeat center;}
.synthSlide .hd ul li a{ color:#677080 !important;}
.synthSlide .bd{ width:860px; height:548px; position:relative;  z-index: 1; margin-left: 140px;}
.synthSlide .bd li{ position:relative; zoom:1; height:548px; width:860px; vertical-align:top;}
.synthSlide .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.synthSlide .bd li a{ display:block; overflow:hidden; position:absolute;}
.synthSlide .bd li a.pic01{ width:481px; height:242px; left:0px; top:0px;}
.synthSlide .bd li a.pic02{ width:371px; height:242px; left:493px; top:0;}
.synthSlide .bd li a.pic03{ width:251px; height:293px; left:0; top:255px;}
.synthSlide .bd li a.pic04{ width:251px; height:293px; left:265px; top:255px;}
.synthSlide .bd li a.pic05{ width:166px; height:107px; left:523px; top:255px;}
.synthSlide .bd li a.pic06{ width:166px; height:174px; left:523px; top:374px;}
.synthSlide .bd li a.pic07{ width:166px; height:174px; left:698px; top:255px;}
.synthSlide .bd li a.pic08{ width:166px; height:107px; left:698px; top:440px;}
.synthSlide .bd li a p{position: absolute;bottom:-50px;left: 0;background:#e7ebf2; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;  z-index: 99; color:#444;line-height: 20px;width: 100%;text-indent: 1em;padding: 15px 0px;-webkit-transition-property:bottom; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function:ease-in-out; }
.synthSlide .bd li a:hover p{ bottom:0;}
/********************时尚专题********************/
.fashionTopics{ width:100%; background:#fcfcfc; overflow:hidden;}
.fashionTopics .line{ width:1000px; margin:5px auto 7px auto;}
.fashionTopics dl{ width:1000px; margin:0 auto 30px; overflow:hidden;}
.fashionTopics dl dd{ float:left; width:318px; padding:20px 0px 30px 10px; position:relative; background:url(../images/line05.gif) bottom center repeat-x;}
.fashionTopics dl dd a.pic{ width:300px; height:344px;}
.fashionTopics dl dd strong{ padding-top:40px; background:url(../images/line.gif) repeat-x top center; margin-top:15px;}
.fashionTopics dl dd p{ line-height:24px;}
a.pklogo{ width:126px; height: 53px; display:block; background: url(../images/subCommonTit01.png) no-repeat 0px -75px; position: absolute; top:215px; right:0px; padding-top: 133px; text-align: center; font: 18px/53px "黑体","宋体"; z-index:999;}
/********************时尚美容********************/
#fashionBeauty_slideBox{ width:620px;}
.fashion_pic{ float:right; width:362px; overflow:hidden;}
.fashionBeauty .center{ width:100%; overflow:hidden;}
.fashionBeauty .center .tit{ width:100%; overflow:hidden;}
.fashionBeauty .left,.fashionBeauty .right{ margin-top:20px;}
.fashionBeauty .fB_tit{ width:100%; border-top:1px solid #677080; line-height:44px; overflow:hidden; margin-bottom:10px; padding-bottom:8px; background:url(../images/line.gif) bottom center repeat-x;}
.fashionBeauty .fB_tit h3{ float:left; font:18px/44px "黑体","宋体";}
.fashionBeauty .fB_tit a.down{ margin-top:13px;}
.fashionBeauty .left{ float:left; width:620px; overflow:hidden;}
.fashionBeauty .fashion_ul,.fashionBeauty .fashion_dl{ width:640px; overflow:hidden;}
.fashionBeauty .fashion_ul li,.fashionBeauty .fashion_dl dd{float:left; width:304px; margin-right:12px;}
.fashionBeauty .fashion_ul li{ display:block; line-height:50px;overflow:hidden;}
/*.fashionBeauty .fashion_ul li a.pic{ width:304px; height:283px;}
.fashionBeauty .fashion_dl dd a.pic{ width:165px; height:180px;}*/
.fashionBeauty .fashion_dl dd .text{ float:right; width:128px;}
.fashionBeauty .fashion_dl dd p{ line-height:30px;}
.rollUl{ padding:0px 0px 0px 10px; width:600px; position:relative; }
.rollUl .rollBox{ width:600px; position:relative; overflow:hidden;}
.rollUl ul li{ width:194px; float:left; margin-right:9px;}
.rollUl ul li a.pic{ width:194px; height:210px;}
.rollUl .preNext{width:61px; height:53px; background: url(../images/btn.png) no-repeat; position: absolute; top:100px; cursor:pointer; z-index:9999;}
.rollUl .pre { left:0px; background-position:left top; }
.rollUl .pre:hover{ background-position:left bottom;}
.rollUl .next { right:0px; background-position:right top; }
.rollUl .next:hover{ background-position:right bottom;}
.rollUl p{ line-height:22px; margin-top:15px;}
.fashionBeauty .right{ float:right; width:363px; overflow:hidden;}
.fashionBeauty .selectedMain_right{ float:none;}
.fashionBeauty .selectedMain_right dd{ margin:0px 10px 0px 0px}
.fashionBeauty_left{ float:left; width:623px; overflow:hidden;}
.fashionBeauty_left dt{ float:left; width:375px; position:relative;}
.fashionBeauty_left dt a.pic{ width:361px; height:443px; margin-left:14px;}
.fashionBeauty_left dt .text{ position:absolute; bottom:60px; left:0; background:#e40280; z-index:999; color:#424a57; padding: 10px; width: 345px;}
.fashionBeauty_left dt .text p.title{ font: 18px/26px "黑体","宋体";}
.fashionBeauty_left dt .text p.title span{ color:#fff;}
.fashionBeauty_left dd{ float:right; width:240px;}
.fashionBeauty_left .modTop{ width:100%; overflow:hidden; line-height: 47px; margin-bottom: 14px; border-bottom:1px solid #677080;}
/*.fashionBeauty_left .modTop a.pic{ width:238px; height:204px;}*/
.fashionBeauty_left dd ul{ width:100%; overflow:hidden; border-bottom: 2px solid #ff4cb0; padding-bottom: 15px;}
.fashionBeauty_left dd ul li{width:97px; float: left; overflow:hidden;padding: 0px 11px;}
.fashionBeauty_left dd ul li p{ margin-top:10px;}
.fashionBeauty_left dd ul a.pic{ width:97px; height: 107px; margin-bottom: 11px;}
.fashionBeauty .fashion_dlBox dt{ margin-bottom: 6px; padding-bottom: 12px; border-bottom: 1px dashed #cacaca;}
.fashionBeauty .fashion_dlBox dt strong.sTit{ margin:10px 0px;}
/*.fashionBeauty .fashion_dlBox dt a.pic{ width:363px; height:222px; margin-bottom:10px;}*/
.fashionBeauty .fashion_dlBox dt p{ line-height:24px;}
.fashionBeauty .fashion_dlBox dd{ line-height:30px;}
/********************肌肤保养********************/
.SkinCare h2{background-position:0px -420px;}
.SkinCareTit{ width:100%; overflow:hidden; margin-bottom:20px;}
.SkinCareTit a{ width:117px; height:46px; line-height:46px; display:block; float:left; text-align:center;}
.SkinCareTit a.on{ background-position:0px -439px; color:#fff; font-size:18px; }
.SkinCare_dl,.SkinCare_dl dt,.SkinCare_dl dd{ width:100%; overflow:hidden;}
.SkinCare_dl dt{ margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px dashed #cacaca;}
.SkinCare_dl dt a.pic{ width:135px; height:85px; float:left;}
.SkinCare_dl dt p{ float:right; width:215px;}
.SkinCare_dl dd{ line-height: 28px;}
.SkinCare_dl dd a.fr span{ font-family:"Arial"; font-weight:bold; color:#ff4cb0;}
/********************彩妆********************/
.MakeUp h2{background-position:0px -462px;}
.MakeUp .block{ margin-top:20px;}
.MakeUp .left{ float:left; position:relative; padding-left:10px;}
.MakeUp .left a.pic{width:363px; height:480px; overflow:hidden; display:block;}
.MakeUp .left a.titH{ top:418px;}
.MakeUp .center{ float:left; width:296px; overflow:hidden; margin-left:15px;}
.MakeUp .center p{ line-height:24px;}
.MakeUp .center ul.block{ margin-top: 11px;}
.MakeUp .center ul li{ float:left; width:138px; height:167px; overflow:hidden; margin: 12px 10px 0px 0px;}
.MakeUp .right{ width:302px; float:right;}
.MakeUp .right a.pic{ width:302px; height:228px;}
.MakeUp .right .text{ margin-top: 15px; line-height: 24px;}
.MakeUp .right dt{ border-top:1px dashed #cacaca; margin-top: 20px; padding-top: 19px; overflow:hidden; }
.MakeUp .right dt a.pic{ float:left; width:135px; height:124px;}
.MakeUp .right dt .text{ width: 155px; float:right; margin-top: 0px;}
/********************身体护理********************/
.BodyCare h2{background-position:0px -504px;}
.BodyCare_top{ width:100%; overflow:hidden; margin-bottom:20px;}
.BodyCare_top a.pic{ float:left; width:359px; height:189px;}
.BodyCare_top .text{ float:right; width:245px;}
.BodyCare_top .text strong{ font:18px/28px "黑体","宋体"; display: block;}
.BodyCare_top .text p{ margin-top: 10px; line-height: 23px;}
.BodyCare_top .text p.line01{ border-bottom:1px dashed #cacaca; padding-bottom: 10px;}
/********************美容精选********************/
.BeautySelection h2{background-position:0px -546px;}
/********************时尚搭配********************/
.Collocation .block{ margin-top:20px;}
.CollocationNew{ float:right; width:365px; border-top:2px solid #ff4cb0;}
.CollocationNew .tit{ line-height:44px; padding-bottom:6px; background:url(../images/line.gif) repeat-x bottom; overflow:hidden; width:100%;}
.CollocationNew .tit h3{ float:left;}
.CollocationNew .tit a.down{ margin-top:13px;}
.CollocationNew dl dt{ border-bottom:1px dashed #c9c9c9; position:relative; padding: 12px 0px 12px 50px; line-height: 24px; width:315px;}
.CollocationNew dl dt span{ width:32px; height:32px; display:block; text-indent:999px; overflow:hidden; position:absolute; left: 7px; top: 44px; background:url(../images/subCommonTit01.png) no-repeat;}
.CollocationNew dl dt strong{ margin-bottom:3px;}
.CollocationNew dl dt.num01 span{background-position: -137px -75px;}
.CollocationNew dl dt.num02 span{background-position: -137px -111px;}
.CollocationNew dl dt.num03 span{background-position: -137px -147px;}
.CollocationTop a.leftPic{ float:left; width:371px; height:403px;}
.CollocationTop .center{ float:left; width:315px; margin-left:15px; overflow: hidden;}
.CollocationTop .center dt{ border-bottom:1px solid #677080; padding: 0px 0px 12px; margin-bottom: 4px;}
.CollocationTop .center dt p{ line-height:24px;}
.CollocationTop .center dd{ line-height:30px;}
.CollocationTop .center dd ul{ width: 350px; overflow:hidden; border-bottom: 2px solid #ff4cb0; padding: 13px 0px; line-height: 24px;}
.CollocationTop .center dd ul li{width:97px; float: left; overflow:hidden;padding:0px 12px 0px 0px;}
.CollocationTop .center dd ul li p{ margin-top:10px;line-height: 20px;}
/*.CollocationTop .center dd ul a.pic{ width:97px; height: 107px; margin-bottom: 5px;}*/
.CollocationTop .right{ float:right; width:284px; overflow:hidden;}
.CollocationTop .right dt{ position:relative; margin-bottom: 10px; height:319px;}
.CollocationTop .right dt a.pic{width: 284px;height: 319px;overflow: hidden;display: block;}
.CollocationTop .right dt span{ background:#ff4cb0; color:#780947; left: 0px; bottom: 25px;}
.CollocationTop .right dd{ width:100%; overflow:hidden; line-height:30px;}
/********************wrap 公共部分********************/
.wrap .block{ width:100%; overflow:hidden;}
.wrap_tit{ width:100%; border-top:1px solid #677080; border-bottom:2px solid #ff4cb0; line-height:48px; overflow:hidden;}
.wrap_tit h2{ float:left; font:20px/44px "黑体","宋体"; color:#424a57;}
.wrap_tit .fr a{ float:right; background:#fff url(../images/commonTit.png) no-repeat 0px -206px; display:inline-block; padding:0px 22px;}
.wrap_tit .fr a:last-child{ background:none;}
.wrap .tit,.HairTest .left .tit{ width:100%;line-height:40px; overflow:hidden; padding-bottom:8px; background:url(../images/line.gif) bottom repeat-x; margin-bottom:15px;}
.wrap .tit h3,.CollocationNew .tit h3,.HairTest .left .tit h3{ float:left; font:20px/44px "黑体","宋体";}
.wrap .left{ float:left; width:617px; overflow:hidden;}
.wrap .right{ float:right; width:360px; overflow:hidden;}
/********************流行搭配********************/
.PopularCollocation .left a.leftPic{ width:310px; height:233px; float:left;}
.PopularCollocation .center { float:right; width:290px;}
.PopularCollocation .center dt{ border-bottom:1px solid #677080; padding:0px 0px 15px; margin-bottom:15px;  line-height:24px;}
.PopularCollocation .center dd{ line-height:30px;}
.wrap .trends{ width:640px; overflow:hidden; margin-top:20px;}
.trends dl{float:left; width:197px; overflow:hidden;padding-left: 10px; margin-right: 6px;}
.trends dl dd{width:185px; height:237px; /* overflow:hidden; */ margin-bottom:13px; position:relative;}
.trends dl dd a.pic{width:185px; height:237px;}
.trends dl dd a.aStyle{ background: url(../images/subCommonTit01.png) no-repeat -177px -77px; width:79px; height: 64px; line-height:46px; position:absolute; z-index:999; text-align: center; left: -10px;}
.trends dl dt{ line-height:30px;}
.starPic{ width:100%; height:422px; overflow:hidden; position:relative;}
.starPic_ul{ width:380px; overflow:hidden; margin:13px 0px 0px; border-bottom:1px solid #677080;}

.starPic_ul li{width:176px; float: left; overflow:hidden;padding:0px 8px 0px 0px; line-height:24px;}
.starPic_ul li a{ display:block; margin:10px 0px;}
.starPic_ul li p{ margin-top:10px;}
/*.starPic_ul li a.pic{ width:176px; height:187px; margin:0;}*/
.tag a{ color:#8c929c; margin-right:10px; white-space:nowrap; line-height: 24px;}
.tag a:hover{color:#e40280;}
/********************环球街拍********************/
.StreetSnap .block{ margin-top:20px; overflow:hidden;}
.StreetSnap dl.left{ width:373px; float:left; overflow:hidden;}
.StreetSnap dl.left dt{ width:373px; padding-bottom:10px; overflow:hidden;position:relative; padding-left:10px; line-height:24px;}
/*.StreetSnap dl.left dt a.pic{ width:363px; height:480px;}*/
.StreetSnap dl.left dt strong.sTit{ margin:10px 0px;}
.StreetSnap dl.left dt a.titH{ background:#ff4cb0; color:#780947; top:410px;}
.StreetSnap dl.left dd{padding:3px 0px 0px 10px;}
.StreetSnap dl.center{ float:left; width:278px; overflow:hidden;  margin-left:18px;}
.StreetSnap dl.center a.pic{ width:278px; height:293px; margin-bottom:10px;}
.StreetSnap .hair_rank{ background:url(../images/line06.gif) bottom center repeat-x;  padding-bottom: 21px}
.StreetSnap .hair_rank dd{line-height: 51px; height: 51px;}
/********************环球街拍********************/
.HairTest .left{ float:left; width:420px; overflow:hidden;}
.HairTest .left .tit{ border-top:2px solid #ff4cb0;  }
.HairTest .left .tit h3{width:auto;}
.HairTest .left ul{ width:440px; overflow:hidden;}
.HairTest .left li{ float:left; width:135px; overflow:hidden; margin-right:7px; padding:10px 0px;}
.HairTest .left li a{display:block; line-height:40px;}
/*.HairTest .left li a.pic{width:135px; height:189px;}*/
.HairTest .center{ float:left; padding-left:15px; width:253px;}
.HairTest .center dt{ padding-left:10px; position:relative;  margin-bottom: 20px;}
.HairTest .center dt a.pic{ width:244px; height:278px;}
.HairTest .center dt a.titH{top: 220px;}
.HairTest .center dd a.pic{ width:253px; height:249px;}
.HairTest .TodayHot_right .tit{ width:100%; overflow:hidden; margin-bottom:10px;} 
.HairTest .TodayHot_right .tit a{ width:146px; height:46px; line-height:46px; display:block; float:left; text-align:center;}
.HairTest .TodayHot_right .tit a.on{ background:url(../images/subCommonTit01.png) no-repeat -167px -145px; color:#fff; font:16px/46px "黑体"}
.HairTest .TodayHot_right a.pic{ width:284px; height:320px;}
.HairTest .TodayHot_right dt{ margin-bottom:15px;}
.OvalFace .block{ margin:20px 0px 0px;}
#OvalFace_slideBox{ float:left; width:690px;  height:440px; background:none; padding:0;}
#OvalFace_slideBox .bd,#OvalFace_slideBox .bd img{ width:550px; height:440px; overflow:hidden;}
#OvalFace_slideBox .hd{ width:150px; height:456px; overflow: hidden;}
#OvalFace_slideBox .hd ul li{ width:129px; height:104px; padding:3px 0px 3px 18px;}
#OvalFace_slideBox .hd ul li.on{background:url(../images/arrow_big01.png) no-repeat left center;}
.OvalFace .info{ width:296px; overflow:hidden; float:right; line-height:24px;}
.OvalFace .info strong.sTit{ margin:15px 0px 5px;}
/*.OvalFace .info a.pic{ width:284px; height:319px; margin-bottom:15px;}*/
/********************新品上市********************/
.PrettyFace_ul{ width:1030px;}
.PrettyFace_ul li{ width:325px; float:left; padding: 25px 15px 0px 0px; padding-bottom:25px; background:url(../images/line.gif) center bottom repeat-x; line-height:24px; position:relative;}
.PrettyFace_ul li strong.sTit{margin: 10px 0px;}
.PrettyFace .none li{ background:none;}
.PrettyFace_ul li a.titBg{ top:25px;}

.PrettyFace_ul li div{ margin-top:15px; border-top:1px dashed #c9c9c9; padding-top:15px; line-height:28px;}
.PrettyFace_ul li span.titBg{ top:324px;}
.PrettyFace .block{ border-top:1px solid #677080; padding-top: 20px; margin-top: 20px;}
dl.PrettyFace_top dd{ width:325px; float:left; position:relative; margin-right:12px; line-height: 24px;}
dl.PrettyFace_top strong.sTit{ margin:10px 0px;}
dl.PrettyFace_top p{ margin-top:5px;}
dl.PrettyFace_top p.line01{border-bottom: 1px dashed #c9c9c9; padding: 0px 0px 20px; margin: 0px 0px 12px 0px;}
dl.PrettyFace_top dd a.pic{margin-bottom: 10px;}
/*dl.PrettyFace_top dd.PFleft a.pic{ width:325px; height:334px; margin-bottom:18px;}*/
dl.PrettyFace_top dd.PFleft span.titBg{ top:299px;}
/*dl.PrettyFace_top dd.PFcenter a.pic{ width:325px; height:200px; margin-bottom: 15px;}*/
dl.PrettyFace_top dd.PFcenter span.titBg{ top:165px;}
dl.PrettyFace_top dd.PFright{ margin-right:0px;}
dl.PrettyFace_top dd.PFright span.titBg{ top:349px;}
/*dl.PrettyFace_top dd.PFright a.pic{ width:325px; height:384px;}*/
.PrettyFace_center ul { width:422px; float:left;}
.PrettyFace_center ul li{ border-bottom:1px dashed #c9c9c9; width:100%; padding: 0px 0px 13px; overflow:hidden; margin-bottom: 13px;}
.PrettyFace_center ul li:last-child{ border-bottom:0; padding-bottom:0; margin-bottom:0;}
.PrettyFace_center ul .pic{ float:left; width:165px; height:174px; overflow:hidden; position:relative;}
.PrettyFace_center ul .text{ float:right; width:246px;}
.PrettyFace_center ul .text p{ color:#677080; line-height:30px; padding:0px 0px 15px;}
.PrettyFace_center ul .text div{ border-top:1px dashed #c9c9c9; padding-top:10px; }
.PrettyFace_center ul .text div p{ padding:0;}
.PrettyFace_center .center{ float:left; padding-left:8px; width:263px;}
.PrettyFace_center .center dt{ padding-left:10px; position:relative;  margin-bottom:15px;}
.PrettyFace_center .center dt a.pic{ width:253px; height:222px;}
.PrettyFace_center .center dt span{top: 170px;}
.PrettyFace_center .center dd{ padding-left:10px;}
.PrettyFace_center .center dd a.pic{ width:253px; height:137px;}
.PrettyFace_center .info{ width:295px; overflow:hidden; float:right; line-height:24px; position:relative;}
.PrettyFace_center .info strong.sTit{ margin-top:20px;}
/*.PrettyFace_center .info a.pic{ width:295px; height:235px; margin-bottom:20px;}*/
.PrettyFace_bottom{ width:100%;}
.PrettyFace_bottom dt{ float:left; width:295px; position:relative;}
.PrettyFace_bottom dt a.pic{ width:295px; height:268px;}
.PrettyFace_bottom span.titBg{ top:0;}
.PrettyFace_bottom dd{float:left; width:191px; position:relative; margin-left:9px;}
.PrettyFace_bottom dd p{ line-height:24px;}
.PrettyFace_bottom dd a.pic{ width:191px; height:203px; margin-bottom:10px;}
.PrettyFace_bottom dd.PFright{ position:relative; width:295px; height:264px; overflow:hidden;}
.PrettyFace_bottom dd.PFright a.pic{ width:295px; height:152px; margin-bottom:0; bottom: 0; position: absolute;}
.PrettyFace_bottom dd.PFright div{ position:absolute; width: 248px; overflow:hidden; background: #fff; border-top: 1px solid #000; top: 0px; left: 10px; padding: 15px; line-height: 24px;}
/********************新品上市********************/
.Brand .left .fashion_large{ width:100%; height:387px; position:relative;}
.Brand .left .fashion_large .hd{ width: 298px;  height: 380px; position:absolute; left:0px; z-index: 10; overflow: hidden;}
.Brand .left .fashion_large .hd ul li{ width: 264px; height: 93px; padding: 15px 20px 10px 19px;  margin-bottom: 13px; border-bottom: 1px dashed #c9c9c9;}
.Brand .left .fashion_large .hd ul li.on{background: url(../images/arrow_lbig.png) 0px 0px no-repeat;}
.Brand .left .fashion_large .hd ul li .sTit{ margin:0;}
.Brand .left .fashion_large .bd{ position:absolute; right:0; width:315px;}
.Brand .left .fashion_large .bd li{ float:left; position: relative; overflow:hidden;width:155px; height:119px;}
.Brand .left .fashion_large .bd li span{ display:none;}
.Brand .left .fashion_large .bd li.on span{ display:block; position:absolute; background:url(../images/slide.png) no-repeat; width:27px; height:26px;}
.Brand .left .fashion_large .bd li.on span.cover01{ left:0; top:0;width:65px; height: 35px; color: #fff; text-align: center; line-height: 35px; font-size: 18px;}
.Brand .left .fashion_large .bd li.on span.cover02{ right:0; top:0; background-position:right top;}
.Brand .left .fashion_large .bd li.on span.cover03{ left:0; bottom:0; background-position:left bottom;}
.Brand .left .fashion_large .bd li.on span.cover04{ right:0; bottom:0; background-position:right bottom;}

.Brand .left .fashion_large .bd li.li01{width:315px; height:262px; margin-bottom:5px;}
.Brand .left .fashion_large .bd li.li01 a.pic{ width:315px; height:262px; margin:0;}
.Brand .left .fashion_large .bd li.li02{ margin-right:5px;}
.Brand .left .fashion_large .bd li a.pic{ width:155px; height:119px;}
.Brand .left .fashion_large .bd li.li01 a.pic{ width:315px; height:262px; margin:0;}


.Brand .right .info{ width:100%; overflow:hidden; position:relative; height:386px;}
.Brand .right .info a.pic{ float:left; position:absolute}
.Brand .right .info a.pic01{width:156px; height:226px; left:0; top:0;}
.Brand .right .info a.pic02{width:197px; height:226px; right:0; top:0;}
.Brand .right .info a.pic03{width:192px; height:152px; left:0; bottom:0;}
.Brand .right .info a.pic04{width:163px; height:152px; right:0; bottom:0;}
/********************精选秀场********************/
.FashionShow .place{width:100%; overflow:hidden; margin-top:15px; overflow:hidden; }
.FashionShow .place dt{ width:124px; height:64px; display:block; float:left; text-align:center; }
.FashionShow .place dt a{width:124px; height:64px; display:block; background:url(../images/subCommonTit01.png) no-repeat -132px -196px; font: 18px/64px "黑体","宋体"; color:#fff; font-size:18px;}
.FashionShow .place dd{ float:left;}
.FashionShow .place dd a{line-height:64px; float:left; background:#fff url(../images/commonTit.png) no-repeat 0px -200px; display:inline-block; padding:0px 25px;}
.FashionShow .place dd a:first-child{ background:none;}
.FashionShow .place dd a.on{color:#ff4cb0;}
.FashionShow .placeItem{ background:#424a57; width:100%; overflow:hidden; position:relative;}
.FashionShow .placeItem dd{position: relative; width:392px; padding: 25px 20px 25px 25px; }
.FashionShow .placeItem dd a.pic{ width:392px; height:533px; overflow:visible;}
.FashionShow .placeItem dd .info{ position:absolute; bottom:150px; left: -26px; background:#e40280; padding:10px; width: 427px; z-index: 1000000;}
.FashionShow .placeItem dd .info p{color:#fff; line-height:20px;}
.FashionShow .placeItem dd .info p.title{font: 18px/30px "黑体","宋体"; color:#780947; }
.FashionShow .placeItem dd.fr .info{ bottom:36px;}
.FashionShow a.pklogo{ right: 433px; top: 360px;}



.HSMod{ width:316px; float:right; overflow:hidden;}
.HSMod a.pic{ width:316px; height:301px; overflow:hidden;}
.HSMod p{ margin-top:10px;}

.SalonCenter dd ul{ width: 350px; overflow:hidden; border-bottom: 2px solid #ff4cb0; padding: 10px 0px; line-height: 24px;}
.SalonCenter dd ul li{width:97px; float: left; overflow:hidden;padding:0px 12px 0px 0px;}
.SalonCenter dd ul li p{ margin-top:10px;}
/*.SalonCenter dd ul a.pic{ width:97px; height: 107px; margin-bottom: 5px;}*/
.SalonList ul li.lastChild div{ position:relative;}
.SalonList ul li.lastChild div span.titBg{top: auto; bottom:0;}
.SalonList ul li.lastChild div.lastChild_t{height:183px; overflow:hidden;}
.SalonList ul li.lastChild div.lastChild_t a.pic{ width:241px; height:183px;}
.SalonList ul li.lastChild div.lastChild_b{height:150px;margin-top: 17px; overflow:hidden;}
.SalonList ul li.lastChild div.lastChild_b a.pic{ width:241px; height:150px;}

.HairList_dl{ width:1020px; overflow:hidden;}
.HairList_dl dd{ width:325px; float:left; overflow:hidden; line-height:24px; margin-right:12px;}
.HairList_dl dd strong.sTit{ margin-top:10px;}
/*.HairList_dl dd a.pic{ width:325px; height:302px; margin-bottom: 10px;}*/

.HairStyle .TodayHot_left ul li{ padding: 0px 0px 13px; margin-bottom: 13px;}
.HairStyle .fr{ width:557px; overflow:hidden;}
.HairStyle .fr dl{ width:100%; overflow:hidden;}
.HairStyle .fr .HairStyle_t dt{ float:left; width: 308px; position:relative;}
.HairStyle .fr .HairStyle_t dt a.pic{ width:294px; height:313px; margin-left:14px;}
.HairStyle .fr .HairStyle_t .text{ position:absolute; bottom:20px; left:0; background:#e40280; z-index:999; color:#424a57; padding: 10px; width:270px;}
.HairStyle .fr .HairStyle_t .text p{ color:#fff;}
.HairStyle .fr .HairStyle_t .text p.title{ font: 18px/26px "黑体","宋体"; color:#780947;}
.HairStyle .fr .HairStyle_t dd{ float:right; width:235px; overflow:hidden;}
.HairStyle .fr .HairStyle_t dd a.pic{width:235px; height:313px}
.HairStyle .fr .HairStyle_b{ width:580px;}
.HairStyle .fr .HairStyle_b dd{ float:left; width:270px; position:relative; margin-right:16px; line-height:30px;}
.HairStyle .fr .HairStyle_b dd .tit{ width:100%; border-bottom:2px solid #ff4cb0; line-height:44px; overflow:hidden; margin-bottom:25px; padding-bottom:8px;}
.HairStyle .fr .HairStyle_b dd .tit h3{ float:left; font:18px/44px "黑体","宋体";}
.HairStyle .fr .HairStyle_b dd a.pic{ width:270px; height:248px; margin-bottom:10px;}


.HairList .SalonList_tit{background:url(../images/friendBg.gif) repeat-x center bottom; border-bottom:0;}
.HairList .SalonList_tit a{ background:none;}
.HairList .SalonList_tit a.on{ background: url(../images/commonTit.png) no-repeat 0px -439px; font-size:18px; color:#fff;}
.StarsGallery h2{ background-position:0px -588px;}
/********************时尚最热点********************/
.WhatHot { margin:25px auto 20px; border-bottom:1px solid #677080; padding-bottom:20px;}
.WhatHot .tit{ width:100%; background:url(../images/line.gif) repeat-x center bottom; height:58px;}
.WhatHot .tit h2{ width:254px;height:58px; background:url(../images/subCommonTit01.png) no-repeat 0px -269px; float:left;}
.WhatHot .tit h2 a{width:254px;height:58px; display:block; overflow:hidden; text-indent:-999px;}
.WhatHot .tit span{ float:right;}
.WhatHot .tit span,.WhatHot .tit a.down{ margin-top:25px;}
.WhatHot .leftLoop{ overflow:hidden; position:relative; margin: 20px 0px 0px; height:706px; }
.WhatHot .leftLoop .hd{position: absolute;bottom: 0px; left:0; height: 53px;width: 655px;  z-index: 99999;background: #fff;}
.WhatHot .leftLoop .hd .prev,.WhatHot .leftLoop .hd .next{ display:block;  width:45px; height:53px; line-height:45px; float:right; overflow:hidden; cursor:pointer; background:#fff url(../images/subCommonTit01.png) no-repeat -310px -201px; float:left;}
.WhatHot .leftLoop .hd .next{ background-position: -263px -201px;}
.WhatHot .leftLoop .hd .prev:hover{ background-position:-310px -255px;}
.WhatHot .leftLoop .hd .next:hover{ background-position: -263px -255px;}
.WhatHot .leftLoop .hd ul{overflow:hidden; zoom:1; height: 53px;background:#fff url(../images/line07.gif) center center repeat-x; width: 544px; float: left;margin: 0px 10px;}
.WhatHot .leftLoop .hd ul li{ position:relative; display:none;float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.WhatHot .leftLoop .hd ul li.on{ background:#f00;  }
.WhatHot .leftLoop .bd{   }
.WhatHot .leftLoop .bd ul{ overflow:hidden; zoom:1;  width:1000px; }
.WhatHot .leftLoop .bd ul li{ width: 1000px; height:706px; position:relative;}
.WhatHot dl,.WhatHot dl dt,.WhatHot dl dd{ position:absolute; overflow:hidden;}
.WhatHot dl dd{ width: 190px; padding: 70px 25px;  background:#fcfcfc url(../images/line02.gif) no-repeat right bottom; border-top:1px solid #8c929c; position:absolute; line-height:24px;}
.WhatHot dl dd span{ left:0px;}
.WhatHot dl.starHair01{ width:301px; height:639px;}
.WhatHot dl.starHair01 dd{left: 35px; top:0px;}
.WhatHot dl.starHair01 dt{left:0px; bottom:0px;}
.WhatHot dl.starHair02{ width:670px; height:301px; right:0; top:0;}
.WhatHot dl.starHair02 dd{right:0px; top:30px; width: 340px;}
.WhatHot dl.starHair02 dt{left:0px; bottom:0px;}
.WhatHot dl.starHair03{ width:325px; height:327px; right:345px; bottom:65px;}
.WhatHot dl.starHair04{ width:319px; height:404px; right: 0; bottom: 0;}

/********************时尚搭配********************/
.fashionCollcaion h2{ background-position:0px -630px;}
.fashionCollcaion ul{ margin:20px 0px 25px; border-bottom:0; padding:0; margin-bottom:0;}
.fashionCollcaion ul .sTit{ margin:0;}
.fashionCollcaion ul p{line-height:24px;}

/********************时尚明星********************/
.BrightStar .SalonRank .tit{ background:none; margin: 0; padding-bottom: 19px;}
.BrightStar .SalonRank .hair_rank{ padding:0; background:0;}
.BrightStar .SalonRank .hair_rank dt span{ top:0;}
.BrightStar .slideFocus{width:624px; float:left; position:relative; margin-top:0;}
.BrightStar .slideFocus li{width:208px;height:420px;overflow:hidden;margin-right:0px;float:left}
.BrightStar .slideFocus li div.text{position:absolute;overflow:hidden; display:none; width:292px; padding: 8px 15px; left:0;bottom:0; _bottom:-1px; color:#424a57; z-index: 999; background:#e7ebf2; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.BrightStar .slideFocus li div p.tit{ font-family:"黑体"; font-size:18px;}
.BrightStar .slideFocus li div span{ font-size:24px;}
.BrightStar .slideFocus li div span strong{ font-weight:normal; color:#e40280;}

/********************美妆和明星美容********************/
.Beauty .Bleft{ float:left;overflow:hidden;width:370px;  line-height: 24px;}
/*.Beauty .Bleft a.pic{width:370px;height:403px; margin-bottom:10px;}*/
.Beauty .Bleft strong.sTit{ margin-top:10px;}
.Beauty .Bcenter{ float:right; width:616px; overflow:hidden;}
.Beauty .Bcenter dl{ width: 636px; overflow:hidden; border-bottom:1px solid #677080; padding-bottom:17px; }
.Beauty .Bcenter dl dd{ float:left; width: 302px; margin-right: 10px;}
.Beauty .Bcenter dl dd p{ line-height:30px;}
.Beauty .Bcenter dl dd a.pic{width:302px; height:160px;  margin-bottom: 10px;}
.Beauty .Bcenter dl dd div{ width:100%; overflow:hidden;}
.Beauty .Bcenter dl dd div a.pic{width:144px; height:160px;}
.Beauty .Bcenter ul{ width:646px; overflow:hidden;}
.Beauty .Bcenter ul li{ float:left; width:145px; overflow:hidden; margin-right:12px;}
.Beauty .Bcenter ul li a.pic{ width:145px; height:178px;}
/********************明星造型********************/
.StarShape .Sleft{ float:left; width:690px; overflow:hidden;}
.StarShape .Sleft dl{ width: 710px; overflow:hidden;}
.StarShape .Sleft dl dd,.StarShape .Sleft dl dt{float:left; width:370px; overflow:hidden;}
.StarShape .Sleft dl dd{margin-right:14px;}
.StarShape .Sleft dl dd a.pic{width:370px; height:260px; margin-bottom:15px;}
.StarShape .Sleft dl dd.fr{ float:left; width:305px;}
.StarShape .Sleft dl dd.fr a.pic{width:305px; height:260px;}
.StarShape .Sleft dl dt{width: 224px; margin: 0px 9px 0px 0px; line-height:24px;}
.StarShape .Sleft dl dt a.pic{ width:222px; height:234px; margin-bottom:10px;}
.StarShape .Sright{ float:right; width:295px; overflow:hidden;}
.StarShape .Sright dt{ margin-bottom: 6px; padding-bottom: 12px; border-bottom: 1px dashed #cacaca; line-height:24px;}
.StarShape .Sright dt a.pic{ width:295px; height:320px; margin-bottom:10px;}
.StarShape .Sright dt strong.sTit{ margin:10px 0px;}
/********************明星短发********************/
.ShortHair .ShortHairMod{float:left; width:673px; overflow:hidden;}
.ShortHair .ShortHairMod dl{ float:left; overflow:hidden;}
.ShortHair .ShortHairMod dl dd{ width:100%; overflow:hidden;}
.Hleft{width:198px;}
.Hleft a.pic{ width:198px; height:224px; margin-bottom:10px;}
.Hright{width:253px; margin:0px 12px; line-height:24px;}
.Hright .sTit{ margin:10px 0px 0px;}
.Hright a.pic{ width:253px; height:325px; margin-bottom:10px;}
.Hright p.line01{ border-top:1px dashed #c9c9c9; padding-top: 10px; margin-top: 10px;}
.ShortHair .hair_rank dd{ line-height:48px; height:48px;}
/********************明星长发********************/
.LongHair .Sleft dl dd a.pic{height:242px; margin-bottom:15px;}
.LongHair .Sleft dl dd.fr a.pic{width: 305px; height: 242px;}
.LongHair .Sleft dl dt{width:161px; height:199px; margin:0px 15px 0px 0px; line-height:24px;}
.LongHair .Sleft dl dt a.pic{ width:161px; height:199px; margin-bottom:10px;}
/********************明星卷发********************/
.CurlyHair .Sleft dl dd.fr { line-height:24px;}
.CurlyHair .Sleft dl dd.fr a.pic{width:305px; height:141px; margin-bottom:8px;}
.CurlyHair .Sleft dl dd.fr .sTit{ margin:10px 0px 5px;}
/********************著名造型师********************/
.FamousStylist dl {width: 1020px;overflow: hidden;margin: 20px 0px;}
.FamousStylist dl dd { width: 493px; overflow:hidden; float:left; margin-right: 15px;}
.FamousStylist dl dd a.pic{ float:left; width:220px; height:250px;}
.FamousStylist dl dd .text{ width: 223px; height: 209px; float:right; padding: 40px 25px 0px;  background:#fcfcfc url(../images/line02.gif) no-repeat right bottom; border-top:1px solid #8c929c;line-height:24px; }
/********************网站导航********************/
.category{ width:996px; margin:20px auto; overflow:hidden; border:1px solid #eee; border-bottom:0;}
.category .item { border-bottom: 1px solid #eee; overflow: hidden; zoom: 1; background-color: #fafafa; }
.category .left { float: left; width: 111px; }
.category .left h3 { padding-top: 20px; }
.category .left a { display: block; text-align: center; }
.category .left .c { color: #000; font: 18px "黑体";}
.category .left .e { color: #C36; font: 14px Arial, Helvetica, sans-serif; }
.category .right { width:868px; float:right; overflow: hidden; background-color: #FFF; }
.category .right dl { float: left; width: 394px; margin: 20px 20px 0px; display:inline; }
.category .right dt { font-size: 14px; line-height: 20px; overflow: hidden; width: 100%; padding: 0px 0px 12px; border-bottom: 1px dotted #dadada;}
.category .right dt a,.category .right dt label { color: #000; }
.category .right dt strong { display: block; font-size: 12px; font-weight: bold;}
.category .right dd { font-size: 12px; line-height: 24px; overflow: hidden; background: none; width: 394px; padding: 20px 0px;}
.category .right dd a { margin-right: 7px; }
.category .right dd a:hover { color: #E15F8F; }
/********************精选视频********************/
.video .line{ margin-bottom:20px;}
span.vaccout,tt.vbg,em.vplay,span.vtime{ position:absolute; left: 0px; bottom:0;}
span.vaccout{ background: url(../images/play.gif) no-repeat 4px 6px; padding: 0px 10px 0px 22px;  line-height: 22px;z-index: 111; color:#DBDBDB; font-size: 12px;}
span.vtime{ left:auto; right:10px; display:block; line-height:22px; z-index:1000; color:#DBDBDB; font-size: 12px;}
tt.vbg{background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(225,225,225,0)),to(rgba(0,0,0,.8)));
  background-image: -moz-linear-gradient(top,rgba(225,225,225,0),rgba(0,0,0,.8));  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00ffffff', endColorstr='#80000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00ffffff', endColorstr='#80000000');
  height: 40px;width: 100%;display: block;position: absolute;z-index: 10;}
em.vplay{ width:56px; height:56px; display:block; background:url(../images/start.png) no-repeat; bottom: 50%; left: 50%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity .4s ease-in; -moz-transition: opacity .4s ease-in;-ms-transition: opacity .4s ease-in; transition: opacity .4s ease-in; margin: 0px 0px -28px -28px;}
a:hover em.vplay{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.video .tit{ border-bottom:2px solid #ff4cb0; margin-bottom:20px; width:100%; overflow:hidden; line-height:46px; height:46px; font-size:12px;}
.video .tit h3 a{ width:117px;height:46px; display:block; float:left; text-align:center; background:#fff url(../images/commonTit.png) no-repeat 116px -210px;font:18px/46px "黑体";}
.video .tit h3 a.on{ background-position:0px -439px; font-size:18px; color:#fff;}
.video .right .tit h3 a.on{ font-size: 16px;}
.video .left{ width: 730px; float:left; overflow:hidden;}
.video .list{ width: 750px; overflow:hidden;}
.video .list li{ float:left; width: 235px; margin: 0px 15px 15px 0px; position:relative; line-height: 36px;}
.video .list li a.pic{ width: 235px; height: 135px;}
.videoTop{ margin-bottom:0;}
.videoTop .videoTop_video{ margin-bottom:20px;}
.videoTop .videoTop_left{ float:left; width: 355px; overflow:hidden;}
.videoTop .list{ width:380px; overflow:hidden;}
.videoTop .list li{ float:left; width: 170px; margin: 0px 15px 15px 0px; position:relative; line-height: 36px; font-size: 12px;}
.videoTop .list li a.pic{ width: 170px; height: 100px;}
.videoTop .videoTop_right{ float:right; width: 354px; overflow:hidden;}
.video .right{width:250px;float: right; overflow:hidden;}
.rankBox dt{ position:relative; width: 100%; height: 100px; margin-bottom:17px; overflow: hidden;}
.rankBox dt a{ float: left;}
.rankBox dt a.pic{width: 170px; height: 100px;padding: 0;}
.rankBox dt a.titText{ position:absolute; background: #f2f2f2; height: 94px; font-size: 12px; padding: 10px 10px 0px 10px; width: 62px; line-height:24px;}
.ranklist {margin: -15px 0 0; }
.ranklist li {height: 46px;position: relative;overflow: hidden;border-bottom: 1px dotted #D3D3D3; line-height: 46px;padding: 0 0px 0 30px; width: 220px;margin: 0 auto;}
.rankBox dt i,.ranklist li i{ width:20px; height:20px; position:absolute; top: 14px;  left:0px; text-indent:-999px; background:url(../images/num.gif) no-repeat;}
.rankBox dt.num01 i,.ranklist li.num01 i{ background-position:0px 0px;}
.rankBox dt.num02 i,.ranklist li.num02 i{ background-position:0px -56px;}
.rankBox dt.num03 i,.ranklist li.num03 i{ background-position:0px -106px;}
.ranklist li.num04 i{ background-position:0px -160px;}
.ranklist li.num05 i{ background-position:0px -213px;}
.ranklist li.num06 i{ background-position:0px -258px;}
.ranklist li.num07 i{ background-position:0px -311px;}
.ranklist li.num05{ border-bottom:0;}
.ranklist li a.pic{ width: 225px; height:125px;}
.ranklist li .rankcon {display: none;}
.ranklist li.current {height: 152px; line-height: normal;padding: 15px 0 15px 30px;}
.ranklist li.current .textit {display: block;position: absolute;left: 30px;bottom: 10px; width: 160px;line-height: 20px;}
.ranklist li.current .rankcon {display: block;}
.leftSide,.rightSide{ width: 483px; overflow:hidden;}
.video .leftSide{ padding-right: 16px; border-right:1px solid #dadada;}
.video .leftSide .list,.video .rightSide .list{ width:510px;}
.video .leftSide .list li a.pic,.video .rightSide .list li a.pic{ width: 233px; height:129px;}

/********************精选视频列表********************/
.videoList .list{ border-top:1px solid #8c929c; padding-top:20px; width:1080px; overflow:hidden;}
.videoList .list li{ margin-right:20px;}
/********************精选视频播放页面********************/
.videoMain{ width:100%; background:#232323;}
.videoMain .bar{ padding:10px 0px; text-align:center; background:url(../images/videoBg.gif) repeat-x; height:480px;}
.videoMain .bar h1{ line-height:30px; margin-bottom:10px;}
.lBox .list{ width:750px; overflow:hidden;}
.lBox .list li{ float:left; width:235px; margin: 0px 13px 15px 0px; position:relative; line-height: 36px;}
.lBox .list li a.pic{width:235px; height:135px;}
/********************精选图片********************/
.selectPicList{ border-top:1px solid #8c929c; }
.selectPicList h1{ font:24px/40px "黑体"; margin-bottom: 15px; height: 35px; position: relative;}
.selectPicList ul{ width:1080px; overflow:hidden;}
.selectPicList ul li{ float:left; width:235px; overflow:hidden; margin:0px 20px 20px 0px;}
.selectPicList ul li a.pic{width:235px; height:270px;}
.selectPicList ul li p{ bottom:0px;}
.picOther{ margin:50px auto;}
.picOther .line{ margin-bottom:25px;}
.picOther dl{ float:left; width: 485px; overflow: hidden;}
.picOther dl dd,.picOther dl dt{ width:100%; overflow: hidden;line-height:30px;}
.picOther dl dd a.pic{ width:175px; height:187px;float:left;}
.picOther dl dd .text{ float: right; width: 295px; }
.picOther dl dt{ margin-top:15px; padding-top:20px; border-top: 1px solid #677080;}
.picOther dl dt p{ width:50%; float:left;}
.hotSearch{ float:right; width:485px;}
.hotSearch .tit{ border-bottom: 2px solid #ff4cb0;  width:100%; overflow:hidden; margin-bottom: 15px;  padding-bottom: 10px;}
.hotSearch li{ width:100%; overflow:hidden; background:url(../images/hotAnomaly_tit.gif) no-repeat;}
.hotSearch li strong{ float:left; width: 88px; font-weight:bold; padding: 22px 0px 0px 22px;}
.hotSearch li p{ float:right; width: 375px; padding: 10px 0px; line-height: 26px; overflow:hidden; background:#fff; border-bottom: 1px dashed #c9c9c9; height: 109px;}
.hotSearch li:last-child p{ border-bottom:0;}
.hotSearch li p a{ color:#8c929c; width: 107px; display: inline-block; padding-left: 15px;}
/********************精选资讯********************/
.zx_text .SalonCenter_text dt a.pic{ width:150px; float:left; background:#000; margin: 0px 10px 15px 0px; height: 90px;}
.zx_text .SalonCenter_text dt{ width:105%; padding: 0;}
.zx_text .SalonCenter_text dt p.titBlack{ font-size:12px;}
.zx_text .zx_pic{float:right; width:295px; overflow:hidden;}
.zx_text .zx_pic dt{ border-bottom:1px solid #677080; padding: 0px 0px 12px; margin-bottom: 10px; width:100%; overflow:hidden;}
.zx_text .zx_pic a.pic{width: 295px;height: 228px;}
.zx_text .zx_pic dd{ line-height:30px;}
/********************美发杂志********************/
.SalonMagazine .rLoop .hd{ height:0; margin:0;}
.SalonMagazine .rLoop .bd li{ width: 186px; height: 245px; float:left; margin: 0px 7px;}
.SalonMagazine .rLoop .bd li a.pic{ width:185px; height:245px;}
.SalonMagazine .rLoop .bd li p{ font-size:12px;}
.SalonMagazine .rLoop .next,.SalonMagazine .rLoop .prev{ top:85px;}
.hotSearchBox h3{ background-position:0px -240px;}
.galleryPic{ width:105%;}
.galleryPic li{float: left;width: 235px;margin: 0px 12px 12px 0px; line-height:40px;}
/********************其他页面模板********************/
.otherPage .left a.leftPic{width:245px;height: 253px;}
.otherPage dl{ width: 360px; overflow:hidden; float: right;}
.otherPage dl dd{ float:left; width: 100%; overflow: hidden;}
.otherPage dl dd p{ line-height:30px;}
.otherPage dl dd a.pic{width:302px; height:160px;  margin-bottom: 10px;}
.otherPage dl dd a.pic p{ font-size:12px;}
.otherPage dl dd div{ width: 105%; overflow:hidden;}
.otherPage dl dd div a.pic{width: 175px; height:160px;float: left;margin-right: 10px;}
/********************产品页面********************/
.productTop .block{ margin-top:20px;}
.productTop .left{ float:left; width:340px; overflow:hidden;}
.productLoop{ overflow:hidden; position:relative;width:340px; height:410px;}
.productLoop .hd{ overflow:hidden;  position: absolute;  z-index: 99999; bottom: 10px; right: 15px; text-align: center;}
.productLoop .hd .prev,.productLoop .hd .next{ display: none;}
.productLoop .hd ul{ overflow:hidden; zoom:1;  }
.productLoop .hd ul li{ width: 40px; height: 8px; overflow:hidden; background:#ccc; margin: 0px 0px 0px 10px; text-indent:-999px; cursor:pointer; float: left;}
.productLoop .hd ul li.on{ background: #ff4cb0;  }
.productLoop .bd{height: 410px;width: 340px;}
.productLoop .bd ul{ overflow:hidden; zoom:1; padding-left:5px; }
.productLoop .bd ul li{ width: 340px; text-align:center; float:left; _display:inline; overflow:hidden;}

.productTag{ background:#f2f2f2; padding:15px; width: 310px; overflow:hidden; height: 96px;}
.productTag a{ line-height: 24px; margin-right: 8px; white-space:nowrap; font-size: 12px;}
.productTop .center{ float:left; width:370px; margin-left:20px;}
.productTop .center .PBox{ font-size:12px; width:100%; line-height:24px; margin-bottom: 15px;}
.productTop .center .PBox strong.sTit{ text-align:center;}
.productTop .center .tit{width:100%; line-height:44px;   border-bottom: 1px solid #677080; overflow: hidden; margin: 0px 0px 13px;}
.productTop .center .tit h3{float:left; font:20px/44px "黑体","宋体";}
.productTop .PBox_mod{ width:100%; overflow:hidden;}
.productTop .PBox_mod dt{ float:left; width: 150px; overflow: hidden; height: 150px;}
.productTop .PBox_mod dd{ border: 1px solid #677080; float: right; width: 175px; padding: 15px; line-height: 24px; height: 120px;}
.productTop .center .PBox .PBox_mod dd strong.sTit{ text-align:left; font:16px/20px "黑体","宋体"; margin: 0px 0px 5px;}
.productTop .center .PBox .PBox_mod dd a.red{ margin-right:5px;}
.productTop .right{ float:right; width:250px; line-height:24px;}
.productTop .right a.pic{ width:250px; height:320px; margin-bottom:15px;}
.productTop .right strong.sTit{ margin:10px 0px;}
.productCenter .left{ width:730px; float:left;}
.productCenter .left dl{  padding-left: 0; width:465px;}
.productCenter .left .SalonMod a.leftPic{width: 345px;height: 345px;}
.productCenter .left .SalonMod dl{ width: 360px; overflow:hidden; float: right;}
.productCenter .left .SalonMod dl dd{ float:left; width: 100%; overflow: hidden;}
.productCenter .left .SalonMod dl dd p{ line-height:30px;}
.productCenter .left .SalonMod dl dd a.pic{width:302px; height:160px;  margin-bottom: 10px;}
.productCenter .left .SalonMod dl dd a.pic p{ font-size:12px;}
.productCenter .left .SalonMod dl dd div{ width: 105%; overflow:hidden;}
.productCenter .left .SalonMod dl dd div a.pic{width: 175px; height:215px;float: left;margin-right: 10px;}
ul.productOne{ width:750px;overflow:hidden; margin-top:10px;}
ul.productOne li{ float:left; width: 175px; overflow:hidden; margin-right: 10px;}
ul.productOne li a.pic{ width: 175px; height: 175px;}
ul.productOne li p{ font-size:12px;}
.productCenter .left dl.SalonCenter_text{width: 350px; float: right;}
.productCenter ul.productTwo{ width: 360px; overflow:hidden; float: left;}
.productCenter ul.productTwo li{ width: 100%; overflow:hidden;}
.productCenter .left ul.productTwo a.pic{ width:360px; height:240px;}
.productCenter ul.productTwo li.bottom{width: 105%;}
.productCenter ul.productTwo li.bottom p{ font-size:12px;}
.productCenter .left ul.productTwo li.bottom a.pic{ width:175px; height:175px; float: left; margin: 10px 10px 0px 0px;}
.PLeft{ width:465px;overflow:hidden;}
.PLeft dl{ float:none; padding-left: 0; width: 410px;}
.PLeft dl dd,.PLeft dl dt{ width: 480px; overflow:hidden; float: none;}
.productCenter .PLeft dl dd a.leftPic{width: 148px;height: 148px;float: left;margin-right: 10px;}
.productCenter .PLeft dl dd a.leftPic p{ font-size:12px;}
.productCenter .PLeft dl dd .text{ float: left; width:302px; padding-left: 5px; line-height: 24px;}
.productCenter .PLeft dl dd p{line-height: 24px;}
.PLeft dl dt{ padding:13px 0px; border-top:1px solid #677080; margin-top: 15px;}
.PLeft dl dt p{ float:left; width:50%; line-height:30px;}
.PRight{ width:250px;overflow:hidden;}
.PRight a.pic{ width:250px; height:210px; margin-bottom: 10px;}
.productCenter .right{ width:250px; float:right;}
.productCenter .right strong.sTit{ margin:10px 0;}
.productCenter .right a.pic{ width:250px; height:310px; margin-bottom:15px;}
.productCenter .right dl{ width:250px; float:none;}
.productCenter .right dl dt a.pic{ width:250px; height:200px; margin-bottom:10px;}
.productCenter .right dl p{ line-height:30px;}
.productCenter .right dl dd{ width:260px; overflow:hidden;}
.productCenter .right dl dd a.pic{ width:120px; height:120px; margin:0px 10px 0px 0px; float:left;}
.productCenter .right dl.info dt a.pic{ width:250px; height: 170px; margin-bottom:10px;}
.productCenter .right dl.info dt{ width:260px; overflow:hidden;}
.productCenter .right dl.info dd{ height:180px;}
.productCenter .right dl.info dd a.pic{ width:120px; height: 170px; margin:0px 10px 10px 0px;}
.bannerLoop{ overflow:hidden; position:relative;width:250px; height:430px;}
.bannerLoop .hd{ height: 0;  position: absolute;  z-index: 99999; bottom: 58px; _bottom: 10px;  text-align: center; width: 100%;}
.bannerLoop .hd .prev,.bannerLoop .hd .next{ display:block; width: 24px; height: 47px; float: left; cursor: pointer; margin: 0px 10px 0px 0px; display:inline;}
.bannerLoop .hd .prev{ background:url(../images/leftArrow.png) no-repeat; left:10px; margin: 0px 0px 0px 10px;}
.bannerLoop .hd .next{ background:url(../images/rightArrow.png) no-repeat; float: right;}
.bannerLoop .bd{height:430px;width: 250px;}
.bannerLoop .bd ul{ overflow:hidden; zoom:1; padding-left:5px; }
.bannerLoop .bd ul li{ width:250px; text-align:center; float:left; _display:inline; overflow:hidden;}
.bannerLoop .bd ul li a.pic{ width:250px; height:430px;}
.bannerLoop .bd ul li p{ width:100%; overflow: hidden; background:url(../images/line08.gif) repeat; width:170px; padding:15px 40px; position: absolute; left: 0; bottom:0; z-index: 3; line-height: 22px; text-align: center; color: #fff; }

.productMain .productTwo{ width:360px;  float: left;}
.productMain .productTwo a.pic{ width:360px; height:380px;}
.productMain .left{ width:730px; float:left; overflow:hidden;}
.productMain .left .SalonCenter_text{ width:350px;}
.productMain .right{ width:255px; float:right; overflow: hidden;}
.productMain .right h3{width: 100%; overflow: hidden; border-top:1px solid #8c929c; font:18px/40px "黑体","宋体";}
.productMain .right a.pic{ width:255px; height:160px; margin-bottom: 10px;}

.hotSearchTag{line-height:30px; margin-top:5px;}
.hotSearchTag a{color:#ff4cb0; margin-right:10px;}
.hotSearchTag a:hover{ color:#e40280;}

/*20161026改版  图片*/
.col-ab{width:730px;}.lay-AB{display: block;}.col-ab .max-pic{width:730px; height: 600px; margin-bottom: 30px; overflow: hidden; position: relative;}
.max-pic .abtn{width: 50%; height: 100%; cursor: pointer; zoom: 1; z-index: 5; top: 0px; position: absolute;}
.max-pic .abtn-l{left:0px;}
.max-pic .abtn-r{right:0px;}
.abtn em{width: 44px; height: 75px; margin-top: -38px; position: absolute; top: 50%; z-index: 2; -webkit-transition: right .2s, left .2s; -moz-transition: right .2s, left .2s; -ms-transition: right .2s, left .2s; -o-transition: right .2s, left .2s; transition: right .2s, left .2s; background: url('../images/btnPng24.png') no-repeat;}
.abtn-l em{background-position: -50px 0;}
.abtn-r em{background-position: 0 0; right: 0;}
.fs-link{width: 37px; height: 37px;background-position: -21px -108px; position: absolute; right: 0px; top: 0px; z-index: 10;}
.max-pic .picCont{text-align: center;}
.album-pic{width: 78px; height: 78px; display: block; position: relative; bottom: -7px;}
.pic-l{margin-left: 6px; float: left;}
.album-pic span,.album-pic a{width: 78px; height: 78px; border: 1px #ececec solid; position: absolute; background-color: #fff;}
.album-pic .p-border2{left: -3px; top: -3px;}
.album-pic a{left: -7px; top: -7px;}
.album-pic .notPic{line-height: 78px; text-align: center;font-size: 12px;}
.album-pic .notPic:hover{text-decoration:underline;color:#677080;}
.slide-pic{width: 502px; height: 100px; margin: -9px 0 0 20px; float: left; overflow: hidden; position: relative;}
.slide-pic .change{width: 18px; height: 34px; overflow: hidden; top: 33px; position: absolute;background: url('../images/bg.png') no-repeat;}
.slide-pic .prev{background-position: 0 -95px; left: 0px;}
.slide-pic .pic-scroll{margin: 0 20px 0 22px; padding: 0 10px 0 4px;}
.slide-pic .pic-scroll{width: 435px; height: 100px; overflow: hidden; position: relative; zoom: 1;}
.slide-pic li{width: 80px; height: 100px; margin: 0 5px; float: left; position: relative; _display: inline; zoom: 1;}
.slide-pic li a{height: 100px; display: block;}
.slide-pic li img{width: 80px; height: 80px; position: absolute; margin-top: 10px; overflow: hidden; zoom: 1;}
.slide-pic li.hover{width:90px;height:90px;margin:0 2px;z-index:10;top:-5px;left:-7px;}
.slide-pic li.hover img{width:90px;height:90px;}
.slide-pic .next{background-position: 0 -131px; right: 0px;}
.pic-r{margin-right: -4px; float: right;}
.album-pic{width: 78px; height: 78px; display: block; position: relative; bottom: -7px;}
.pic-list{width:702px;margin:0 auto;}
.pic-list img{opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.lay-AB { display: block;}
.photo-summary {
    width: 760px;
    background: rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;
    position: absolute;

    bottom: 0px;
    color: #fff;
    z-index: 20;
}
.photo-summary .pic-num {
    width: 120px;
    font: 40px/90px Microsoft Yahei;
    float: left;
    text-align: right;
    margin-bottom: 0;
}
.photo-summary .pic-txt {
    width: 600px;
    height: 48px;
    margin: 22px 15px 22px 0;
    font: 14px/24px Microsoft Yahei;
    float: right;
    word-break: break-all;
    overflow: hidden;
    text-align: left;
    text-indent: 0;
    color: #fff;
}
.pic-list a:hover img,.pic-list .current img{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:10;}
.slide-pic a:hover img{padding:0 2px;}

/*搜索*/
.index-search {float: right;margin-right: 50px;margin-top: 30px;}
.index-search li {width: auto;height: auto;overflow: hidden;}
.index-headertop {width: 600px;height: 85px;margin: 0 auto;overflow: hidden;float: right;}
.index-headertop input {
        background: #FDFDFD;
        border-radius: 5px 0px 0px 5px;
        position: relative;
        z-index: 2;
        line-height: 32px;
        border: #e6e6e6 solid 1px;
        border-right: 0 none;
        padding: 0 14px;
        width: 322px;
        height: 34px;
        float: left;
}
.index-headertop .sousuo {
    line-height: 34px;
    color: #fff;
    text-align: center;
    border: none;
}
.index-headertop button {
    background: #F458AF;
    border-radius: 5px;
    width: 80px;
    height: 34px;
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    behavior: url(/Statics/Js/ie-css3.htc);
    position: relative;
    z-index: 2;
}
