/* base */
a{
	color: #000;
}
.wrapper1200{
	width: 1200px;
	margin:0 auto;
}
.swiper-container{
	position: relative;
	overflow: hidden;
}
.swiper-wrapper{
	position: absolute;
	top:0;
	left:0;
	width: 2000%
}
.swiper-slide{
	position: relative;
	float: left;
}
.pagination{
	text-align: center;
}
.pagination span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cccccc;
	cursor: pointer;
	margin:0 4px;
}
.btn-play{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -29px 0 0 -29px;
	width: 58px;
	height: 58px;
	background-image: url(../../images/top/ele.png);
	background-repeat: no-repeat;
	background-position: -57px -170px;
}
.btn-play-min{
	position: absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -25px;
	background: url(../images/ele.png) no-repeat -57px -228px;
	width: 51px;
	height: 51px;
}
.ico-tags{
	display: inline-block;
	background: url(../images/ele.png) no-repeat left -171px;
	width: 29px;
	height: 29px;
}
.ico-search{
	display: inline-block;
	background: url(../images/ele.png) no-repeat -29px -170px;
	width: 28px;
	height: 28px;
}
.item-link{
	margin-bottom: 50px;
	text-align: center;
}
.item-link li{
	margin-right: 40px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-indent: 45px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.item-link li:before{
	position: absolute;
	top:50%;
	margin-top:-2.5px;
	left:0;
	background: #414141;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	overflow:hidden;
	content: '';
}
.item-link .first{
	text-indent: 0;
}
.item-link .first:before{
	display: none;
}
.item-link a{
	font-size: 20px;
	font-weight: bolder;
}
.item-link a:hover{
	color: #666666;
}
.item-tag{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	border:solid 1px #bfbfbf;
	color: #bfbfbf;
	border-radius: 3px;
	padding:0 6px;
	color: #000;
}
.item-tag:hover{
	color: #e33624;
	border-color:#e33624;
}
.title-name{
	position: relative;
	font-size: 20px;
	text-align: center;
	margin-bottom: 12px;
	font-weight: bolder;
}
.title-name:after{
	position: absolute;
	content: '';
	background: #e33624;
	width: 70px;
	height: 2px;
	bottom:-5px;
	left:50%;
	margin-left: -35px;
}
.channel-name{
	display: inline-block;
	position: relative;
	background: #e33624;
	width: 150px;
	padding:15px 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
a.channel-name:hover{
	color: #fff;
}
.channel-name:after{
	position: absolute;
	bottom:-10px;
	margin-left:-5px;
	left:50%;
	content: '';
	overflow: hidden;
	border:solid 5px transparent;
	border-top:solid 5px #e33624;
}
.btn-left,
.btn-right{
	display: none \9;
	opacity: 0;
	position: absolute;
	background: url(../../images/top/ele.png) no-repeat;
	width: 40px;
	height: 75px;
	cursor:pointer;
}
.btn-left{
	left:-17px;
}
.btn-left:hover{
	background-position: left -85px;
}
.btn-right{
	right:-17px;
	background-position: -57px top;
}
.btn-right:hover{
	background-position: -57px -85px;
}
.article-box{
	width: 360px;
	min-height: 10px;
}
.article-box .article-image{
	position: relative;
	width: 360px;
	height: 360px;
	margin-bottom: 28px;
}
.article-box .article-image .cont{
	overflow: hidden;
	width: 360px;
	height: 360px;
}
.article-box .article-image img{
	display: block;
	width: 360px;
	height: 360px;
}
.article-box .article-image span{
	position: absolute;
	left:20px;
	bottom:-10px;
}
.article-box .article-image span a{
	float:left;
	height:24px;
	line-height: 24px;
	padding:0 12px;
	background: #fff;
	border:solid 1px #000;
}
.article-box .article-image span a:hover{
	background: #000;
	color: #fff;
}
.article-box h2{
	margin:0 18px;
}
.article-box h2 a{
	font-size: 20px;
	line-height: 1.2;
}
.article-box:hover h2 a{
	color: #6f6f6f;
}
.channel-focus{
	position: relative;
}
.channel-focus,
.channel-focus .swiper-container{
	width: 790px;
	height: 530px;
}
.channel-focus .swiper-slide{
	overflow: hidden;
	position: relative;
	width: 790px;
	height: 530px;
}
.channel-focus .swiper-slide a >img{
	display: block;
	width: 790px;
	height: 530px;
}
.channel-focus .info{
	position: absolute;
	background: rgba(255,255,255,0.9);
	background: #fff \9;
	left:132px;
	right:132px;
	bottom: 0;
	min-height: 125px;
}
.channel-focus .info h2{
	padding-bottom: 13px;
	text-align: center;
}
.channel-focus .info h3{
	padding-top: 2px;
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	margin:0 20px 15px;
	word-break:break-all;
}
.channel-focus .info .pagination{
	padding-bottom: 15px;
}
.channel-focus .info .pagination span{
	border:solid 1px #b4b4b4;
	background: transparent;
}
.channel-focus .info span.swiper-active-switch{
	background: #b4b4b4;
}

/* 焦点图 */
.focus{
	position: relative;
	overflow: hidden;
	background: #000;
	margin-bottom: 50px;
}
.focus .center{
	position: relative;
	width: 820px;
	height: 411px;
	margin:0 auto;
}
.focus .center .mask-left,
.focus .center .mask-right{
	position: absolute;
	width: 1000%;
	height: 411px;
	z-index: 1;
	background: rgba(0,0,0,0.6);
	background:url(../images/ie8mask.png) \9;
}
.focus .center .mask-left{
	right:100%;
}
.focus .center .mask-right{
	left:100%;
}
.focus .center a >img{
	display: block;
	width: 820px;
	height: 411px;
}
.focus .swiper-container{
	overflow: visible;
}
.focus .btn-left{
	top:203px;
	left:-17px;
	z-index: 2;
}
.focus .btn-right{
	top:203px;
	right:-17px;
	z-index: 2;
}
.focus .center:hover .btn-left,
.focus .center:hover .btn-right{
	display: block \9;
	z-index: 2;
}
.focus .info{
	position: absolute;
	background: rgba(0,0,0,0.7);
	background:url(../images/ie8mask.png) \9;
	min-height: 90px;
	width: 100%;
	bottom:0;
	padding-bottom:15px;
	z-index: 1;
}
.focus .info h2{
	text-align: center;
	margin-bottom: 20px;
}
.focus .info h3{
	margin: 0 auto;
	text-align: center;
	max-width: 678px;
	overflow: hidden;
}
.focus .info h3 *{
	color: #fff;
	font-size: 25px;
	line-height: 1.5;
	word-break:break-all;
}

/* 每日推荐 */
.recommend{
	margin-bottom: 10px;
}
.recommend .left{
	float: left;
	width: 400px;
	padding-right: 29px;
}
.recommend .left .box{
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.recommend .left .box img{
	display: block;
	width: 400px;
	height: 400px;
}
.recommend .left .box dd{
	position: absolute;
	left:10px;
	right:10px;
	bottom:10px;
	background: rgba(0,0,0,0.7);
	background:url(../images/ie8mask.png) \9;
	min-height: 66px;
}
.recommend .left .box p{
	position: absolute;
	top:-7px;
	left:20px;
}
.recommend .left .box p a{
	float:left;
	height:20px;
	line-height: 20px;
	padding:0 8px;
	background: #fff;
}
.recommend .left .box p a:hover{
	background: #000;
	color: #fff;
}
.recommend .left .box h2{
	padding:20px;
}
.recommend .left .box h2 *{
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	word-break:break-all;
}
.recommend .middle{
	float: left;
	width: 440px;
	padding-top: 5px;
	padding-right: 29px;
	padding-bottom: 0;
}
.recommend .middle .title{
	background: url(../images/ele.png) no-repeat -137px top;
	height:98px;
	margin-bottom: 27px;
}
.recommend .middle .box dl{
	padding:15px 0;
}
.recommend .middle .box:hover{
	background: url(../images/hover.png) no-repeat center center;
}
.recommend .middle .box img{
	display: block;
	width: 108px;
	height: 108px;
}
.recommend .middle .box dt{
	float: left;
}
.recommend .middle .box dd{
	margin-left:128px;
}
.recommend .middle .box p{
	margin-bottom: 20px;
	overflow: hidden;
}
.recommend .middle .box p a{
	float:left;
	min-width: 50px;
	height:20px;
	padding:0 10px;
	line-height: 20px;
	background: #fff;
	border:solid 1px #000;
	text-align: center;
}
.recommend .middle .box p a:hover{
	background: #000;
	color: #fff;
}
.recommend .middle .box h2 *{
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	word-break:break-all;
}
.recommend .right{
	float: left;
	width: 280px;
}
.recommend .right .img{
	margin-bottom: 30px;
}
.recommend .right .img a >img{
	display: block;
	width: 280px;
	height: 480px;
}
.recommend .right .trycenter{
	border:solid 1px #e6e6e6;
	padding-top:20px;
}
.recommend .swiper-container{
	width: 240px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.recommend .swiper-slide{
	width: 240px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.recommend .swiper-slide dt{
	float: left;
}
.recommend .swiper-slide img{
	display: block;
	width: 98px;
	height: 98px;
	border:solid 1px #e6e6e6;
}
.recommend .swiper-slide a:hover img{
	border-color: #e33624;
}
.recommend .swiper-slide dd{
	margin-left:120px;
}
.recommend .swiper-slide h3{
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px;
	overflow: hidden;
	height: 41px;
}
.recommend .swiper-slide h3 a:hover{
	color: #e33624;
}
.recommend .swiper-slide p{
	overflow: hidden;
	color: #666666;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.recommend .trycenter .swiper-active-switch{
	background: #d62a31;
}
.recommend .trycenter .pagination{
	margin-bottom: 25px;
}
.recommend .countdown{
	height: 74px;
	line-height: 74px;
	background: #e6e6e6;
	font-size: 14px;
	color: #2c2c2c;
}
.recommend .countdown span{
	margin:0 12px;
}
.recommend .countdown span em{
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	border-radius: 50%;
	color: #fff;
	background: #2c2c2c;
	line-height: 32px;
	text-align: center;
}
.recommend .countdown a{
	display: inline-block;
	width: 63px;
	height: 32px;
	border-radius: 15px;
	padding:0 4px;
	color: #fff;
	background: #2c2c2c;
	line-height: 32px;
	text-align: center;
}
.recommend .countdown a:hover{
	background: #e33624;
	color: #fff;
}
.recommend .link{
	clear:left;
	padding-top: 20px;
}
.recommend .link li{
	min-height: 1px;
	overflow: hidden;
	position: relative;
	float: left;
	width: 25%;
	text-indent: 15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	visibility: hidden;
}
.recommend .link li.current{
	visibility: visible;
}
.recommend .link li:before{
	position: absolute;
	top:50%;
	margin-top:-2.5px;
	left:0;
	background: #414141;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	overflow:hidden;
	content: '';
}
.recommend .link a{
	font-size: 14px;
	color: #666666;
}
.recommend .link a:hover{
	color: #000;
}

/* 明星 */
.celebrity{
	padding-top:50px;
	margin-bottom: 130px;
}
.celebrity h1{
	background: url(../images/ele.png) no-repeat -142px -114px;
	width: 361px;
	height: 102px;
	margin:0 auto 20px;
}
.celebrity h1 *{
	display: block;
	width: 361px;
	height: 102px;
	text-indent: -10000em;
	overflow: hidden;
}
.celebrity .article{
	margin-bottom: 60px;
}
.celebrity .article .bg{
	background: #000;
	position: relative;
	width: 770px;
	height:570px;
}
.celebrity .article .bg h2{
	position: relative;
	padding:90px 0 0 0;
	height: 120px;
	margin:0 428px 0 65px;
}
.celebrity .article .bg h2 a{
	color: #fff;
	font-size: 28px;
	line-height: 1.2;
	word-break:break-all;
}
.celebrity .article .bg h2:after{
	position: absolute;
	content: '';
	background: #e33624;
	width: 96px;
	height: 5px;
	bottom:-0px;
	left:50%;
	margin-left: -48px;
}
.celebrity .article .bg p{
	overflow: hidden;
	margin:50px 428px 105px 65px;
	height: 96px;
	color: #fff;
	line-height: 1.5;
	font-size: 16px;
	word-break:break-all;
}
.celebrity .article .bg p a{
	color: #fff;
}
.celebrity .article .bg .tagslist{
	overflow: hidden;
	margin:0 428px 0 65px;
}
.celebrity .tagslist .ico-tags{
	vertical-align: middle;
}
.celebrity .bg .item-tag{
	color: #fff;
}
.celebrity .bg .item-tag:hover{
	color: #e33624;
}
.celebrity .article .bg .image{
	overflow: hidden;
	position: absolute;
	top:35px;
	left:420px;
	width: 780px;
	height: 500px;
}
.celebrity .article .bg .image img{
	display: block;
	width: 780px;
	height: 500px;
}
.celebrity .article .ad{
	display: none;
}
.celebrity .hasAD .bg{
	width: 616px;
	height: 438px;
}
.celebrity .hasAD .bg h2{
	padding:76px 0 0 0 ;
	height: 92px;
	margin:0 410px 0 36px;
}
.celebrity .hasAD .bg h2 a{
	font-size: 24px;
}
.celebrity .hasAD .bg p{
	margin:44px 410px 56px 36px;
}
.celebrity .hasAD .bg .tagslist{
	margin:0 410px 0 36px;
}
.celebrity .hasAD .bg .image{
	top:40px;
	left:240px;
	width: 653px;
	height: 438px;
}
.celebrity .hasAD .bg .image img{
	width: 653px;
	height: 438px;
}
.celebrity .hasAD .ad{
	position: relative;
	float: right;
}
.celebrity .hasAD .ad,
.celebrity .hasAD .ad a> img{
	display: block;
	width: 280px;
	height: 480px;
}
.celebrity .list .mauto{
	margin:0 60px;
}
.celebrity .article-box {
	float: left;
}
.celebrity .list .tagslist{
	margin-top: 25px;
}

/* 视频 */
.video{
	margin-bottom: 90px;
}
.video h1{
	overflow: hidden;
	position: relative;
	width: 317px;
	height: 59px;
	margin: 0 auto -30px;
	text-indent: -100%;
	z-index: 2;
	background-image: url(../../images/top/ele.png);
	background-repeat: no-repeat;
	background-position: -142px -227px;
}
.video h1 *{
	display: block;
	width: 317px;
	height:59px;
}
.video .bg{
	background: #000;
	overflow: hidden;
}
.video .content{
	position: relative;
	width: 1162px;
	height: 550px;
	margin:0 auto;
}
.video .mask-left,
.video .mask-right{
	position: absolute;
	top:0;
	width: 1000%;
	height: 550px;
	background:url(../images/ie8mask.png) \9;
	z-index: 3;
}
.video .mask-left{
	right:100%;
}
.video .mask-left:after{
	position: absolute;
	top:0;
	right:-10px;
	bottom:0;
	width: 10px;
	background: #242424;
	content: '';
}
.video .mask-right{
	left:100%;
}
.video .swiper-container{
	position: absolute;
	top:0;
	left:10px;
	width: 984px;
	height: 550px;
	overflow: visible;
}
.video .swiper-container img{
	display: block;
	width: 984px;
	height: 550px;
	opacity: 0.65;
}
.video .swiper-container li{
	position: relative;
	width: 984px;
	height: 550px;
	overflow: hidden;
	background: #000;
}
.video .swiper-container:hover .btn-play{
	display: none;
}
.video .items{
	background: #242424;
	position: absolute;
	right:0px;
	top:0;
	padding:0 10px 0 10px;
}
.video .items li,
.video .items img{
	display: block;
	width: 150px;
	height: 84px;
}
.video .items li{
	position: relative;
	margin-bottom: 9px;
	background: #000;
	cursor: pointer;
}
.video .items img{
	opacity: 0.5;
}
.video .items .current span,
.video .items li:hover span{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 140px;
	height: 74px;
	border:solid 5px #d62a31;
}
.video .items .current img{
	opacity: 1;
}
.video h2{
	position: absolute;
	width: 945px;
	height: 65px;
	background: rgba(0,0,0,0.7);
	background:url(../images/ie8mask.png) \9;
	left:30px;
	bottom:10px;
	overflow: hidden;
	z-index: 1;
}
.video h2 span,
.video h2 p{
	height: 65px;
	line-height: 65px;
	color: #fff;
	font-size: 20px;
}
.video h2 a{
	color: #fff;
}
.video h2 .title{
	float: left;
	margin-left: 25px;
}
.video h2 .time{
	float: right;
	margin-right: 25px;
}

/* 明星 */
.fashion{
	padding-top:10px;
	margin-bottom: 50px;
}
.fashion h1{
	width: 327px;
	height: 78px;
	margin: 0 auto 50px;
	background-image: url(../../images/top/ele.png);
	background-repeat: no-repeat;
	background-position: -142px -312px;
}
.fashion h1 *{
	display: block;
	width: 327px;
	height:78px;
	text-indent: -10000em;
	overflow: hidden;
}
.fashion .channel-focus{
	float: left;
}
.fashion .topic{
	float: right;
	width: 350px;
	background: #242424;
}
.fashion .topic h4{
	margin-bottom: 37px;
	background: #ae9864;
	height: 37px;
	line-height: 37px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bolder;
}
.fashion .topic ul{
	margin:0 28px;
	padding-bottom: 9px;
}
.fashion .topic li{
	display: block;
	border-bottom: dotted 1px #5b5b5b;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.fashion .topic li dt{
	float: left;
	background: url(../images/ele.png) no-repeat;
	width: 28px;
	height: 27px;
}
.fashion .topic .num1{
	background-position: left -199px;
}
.fashion .topic .num2{
	background-position: left -227px;
}
.fashion .topic .num3{
	background-position: left -256px;
}
.fashion .topic .num4{
	background-position: left -284px;
}
.fashion .topic .num5{
	background-position: left -312px;
}
.fashion .topic .num6{
	background-position: left -341px;
}
.fashion .topic .num7{
	background-position: left -369px;
}
.fashion .topic li dt *{
	display: none;
}
.fashion .topic li dt img{
	border:solid 1px #242424;
	display: block;
	width: 106px;
	height: 106px;
}
.fashion .topic dt a:hover img{
	border-color:#d62a31;
}
.fashion .topic li dd{
	margin-left: 20px;
}
.fashion .topic h2,
.fashion .topic h2 a{
	font-size: 15px;
	color: #aaaaaa;
	word-break:break-all;
}
.fashion .topic h2{
	overflow: hidden;
	min-height: 27px;
	white-space: nowrap;
	text-overflow:ellipsis;
	line-height: 27px;
}
.fashion .topic p{
	display: none;
	overflow: hidden;
	margin-bottom: 15px;
}
.fashion .topic p a{
	float:left;
	padding:0 10px;
	min-width: 50px;
	height:20px;
	line-height: 20px;
	background: #fff;
	border:solid 1px #000;
	text-align: center;
}
.fashion .topic p a:hover{
	background: #ae9864;
	color: #fff;
}
.fashion .topic .current{
	border-bottom: solid 1px #5b5b5b;
	padding:10px 0 20px;
	margin-bottom: 20px;
}
.fashion .topic .current h2,
.fashion .topic .current h2 a{
	white-space: normal;
	font-size: 20px;
	color: #fff;
	line-height: 1.2;
}
.fashion .topic .current dd{
	margin-left: 130px;
	height: 110px;
}
.fashion .topic .current dt{
	background: #666;
	width: 108px;
	height: 108px;
}
.fashion .topic .current dt *,
.fashion .topic .current p{
	display: block;
}
.fashion .article-box,
.beauty .article-box{
	float: left;
	width: 223px;
	 
}
.fashion .article-box .article-image,
.fashion .article-box .article-image .cont,
.fashion .article-box .article-image img{
	display: block;
	width: 223px;
	height: 330px;
}
.beauty .article-box .article-image,
.beauty .article-box .article-image .cont,
.beauty .article-box .article-image img{
	display: block;
	width: 223px;
	height: 223px;
}
.fashion .list,
.beauty .list{
	float: left;
	padding-top: 10px;
}
.fashion .list .mauto,
.beauty .list .mauto{
	margin:0 60px;
}
.fashion .tagslist,
.beauty .tagslist{
	margin-top: 20px;
}
.fashion .tagslist .ico-tags,
.beauty .tagslist .ico-tags{
	vertical-align: middle;
}




.fashion .snap,
.beauty .rect{
	float: right;
	width: 400px;
	background-color: #ffffff;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.fashion .snap dl{
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
}
.beauty .rect dl{
	margin:0 30px 40px;
}
.fashion .snap dt,
.beauty .rect dt{
	float: left;
	width: 102px;
	height: 80px;
}
.fashion .snap dt img,
.beauty .rect dt img{
	display: block;
	width: 100px;
	height: 70px;
	border:solid 1px #eaeaea;
}
.fashion .snap dt a:hover img,
.beauty .rect dt a:hover img{
	border-color: #e33624;
}
.fashion .snap dd,
.beauty .rect dd{
	margin-left: 118px;
	padding-top: 10px;
}
.fashion .snap dl h2,
.beauty .rect dl h2{
	min-height: 54px;
	font-size: 15px;
	line-height: 1.2;
	word-break:break-all;
}
.fashion .snap dl h2 a:hover,
.beauty .rect dl h2 a:hover,
.fashion .snap dl.current h2 a,
.beauty .rect dl.current h2 a{
	color: #6f6f6f;
}
.fashion .snap dd p span{
	vertical-align: middle;
}
/*流媒体*/
.fashion .snap5,
.beauty .rect{
	float: right;
	width: 280px;
	background: #ffffff;
	padding: 30px 0 10px;
}
.fashion .snap5 dl{
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.beauty .rect dl{
	margin:0 30px 40px;
}
.fashion .snap5 dt,
.beauty .rect dt{
	float: left;
	width: 102px;
	height: 102px;
}
.fashion .snap5 dt img,
.beauty .rect dt img{
	display: block;
	width: 100px;
	height: 100px;
	border:solid 1px #eaeaea;
}
.fashion .snap5 dt a:hover img,
.beauty .rect dt a:hover img{
	border-color: #e33624;
}
.fashion .snap5 dd,
.beauty .rect dd{
	margin-left: 118px;
	padding-top: 10px;
}
.fashion .snap5 dl h2,
.beauty .rect dl h2{
	min-height: 54px;
	font-size: 15px;
	line-height: 1.2;
	word-break:break-all;
}
.fashion .snap5 dl h2 a:hover,
.beauty .rect dl h2 a:hover,
.fashion .snap5 dl.current h2 a,
.beauty .rect dl.current h2 a{
	color: #6f6f6f;
}
.fashion .snap5 dd p span{
	vertical-align: middle;
}



/* 秀场 */
.runway{
	overflow: hidden;
	padding-top: 60px;
	background: url(../../images/top/runway.jpg) no-repeat center center fixed;
	height: 708px;
	background-size: cover;
	margin-bottom: 100px;
}
.runway h1{
	width: 333px;
	height: 101px;
	margin: 0 auto 25px;
	background-image: url(../../images/top/ele.png);
	background-repeat: no-repeat;
	background-position: -142px -426px;
}
.runway h1 *{
	display: block;
	width: 390px;
	height: 102px;
	text-indent: -10000em;
	overflow: hidden;
}
.runway .bar{
	width: 675px;
	margin:0 auto 50px;
}
.runway .search{
	position: relative;
	float: left;
	z-index: 1;
}
.runway .fr{
	float: right;
}
.runway .search .box{
	background: rgba(0,0,0,0.6);
	background:url(../../images/ie8mask.png) \9;
	border:solid 1px #535353;
	width: 319px;
	height: 27px;
}
.runway .search span{
	display: inline-block;
	vertical-align: middle;
}
.runway .search .placeholder{
	width: 180px;
	height: 27px;
	line-height: 27px;
	color: #bebebe;
	font-size: 16px;
	text-indent: 1em;
}
.runway .search .btn{
	border-left:solid 1px #535353;
	margin:4px 0;
	width: 100px;
	height: 19px;
	line-height: 19px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.runway .search .list{
	position: absolute;
	left:0;
	right:0;
	margin:-1px 0 0 0px;
	background: rgba(0,0,0,0.6);
	background:url(../../images/ie8mask.png) \9;
	border:solid 1px #535353;
	visibility: hidden;
}
.runway .current .list{
	visibility: visible;
}
.runway .search .list li{
	border-bottom:dotted 1px #535353;
	margin:0 1px;
	text-indent: 4em;
}
.runway .search .list li a{
	overflow: hidden;
	display: block;
	margin-right:10px;
	height: 27px;
	line-height: 27px;
	color: #bebebe;
	font-size: 16px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.runway .search .list li a:hover{
	color: #fff;
}
.runway .search .viewport {
    overflow: hidden;
    position: relative;
}
.runway .search .overview {
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    padding: 0;
    margin: 0;
}
.runway .search .scrollbar {
    position: relative;
    float: right;
    width: 20px;
}
.runway .search .track{
    position: relative;
    width: 20px;
    background: rgba(60,60,60,0.6);
    background:url(../images/ie8mask.png) \9;
}
.runway .search .thumb {
    position: absolute;
    width: 20px;
    background: rgba(80,80,80,0.6);
    background:#333 \9;
    cursor: pointer;
    overflow: hidden;
    top: 0;
}
.runway .search .viewport,
.runway .search .scrollbar,
.runway .search .track{
	height: 223px;
}
.runway .rwlist{
	position: relative;
}
.runway .rwlist .swiper-container{
	height: 450px;
}
.runway .rwlist .btn-left{
	top:152px;
	left:50%;
	margin-left: -600px;
}
.runway .rwlist .btn-right{
	top:152px;
	left:50%;
	margin-left: 600px;
}
.runway .rwlist:hover .btn-left,
.runway .rwlist:hover .btn-right{
	display: block \9;
}
.runway .swiper-slide{
	position: relative;
	width: 275px;
	margin:0 30px;
}
.runway .swiper-slide img{
	display: block;
	width: 275px;
	height: 400px;
}
.runway .swiper-slide p{
	overflow: hidden;
	background: #000;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.runway .swiper-slide p:before{
	opacity: 0;
	display: inline-block;
	margin-top: 25px;
	width: 2px;
	height: 2px;
	content: '';
}
.runway .swiper-slide span,
.runway .swiper-slide p a{
	display: inline-block;
	vertical-align: middle;
	max-width: 255px;
	word-break: break-all;
	line-height: 1.2;
	color: #fff;
}
/* 美容 */
.beauty{
	margin-bottom: 90px;
}
.beauty h1{
	background: url(../../images/ele.png) no-repeat -142px -567px;
	width: 298px;
	height: 101px;
	margin:0 auto 20px;
}
.beauty h1 *{
	display: block;
	width: 298px;
	height: 101px;
	text-indent: -10000em;
	overflow: hidden;
}
.beauty .channel-focus{
	float: left;
}
.beauty .channel-name{
	background: #e92d67;
}
.beauty .video-b{
	float: right;
	width: 350px;
	min-height: 530px;
	background: #242424;
}
.beauty .video-b h4{
	margin-bottom: 10px;
	background: #7a64a7;
	height: 37px;
	line-height: 37px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bolder;
}
.beauty .video-b dl{
	position: relative;
	margin:0 29px;
	border-bottom: dotted 1px #5b5b5b;
	padding:25px 0;
}
.beauty .video-b dt{
	position: absolute;
	top:50%;
	left:0;
	margin-top:-9px;
	background: url(../../images/ele.png) no-repeat -28px -198px;
	width: 19px;
	height: 19px;
}
.beauty .video-b dd{
	margin-left: 30px;
	word-break:break-all;
}
.beauty .video-b dd a{
	font-size: 18px;
	color: #9d9d9d;
	line-height: 1.2;
}
.beauty .video-b dt *{
	display: none;
}
.beauty .video-b img{
	display: block;
	width: 295px;
	height: 166px;
	opacity: 0.7;
}
.beauty .video-b .current dt{
	position:relative;
	margin:0 0 20px;
	background: #999;
	width: 100%;
	height: auto;
	background: #000;
}
.beauty .video-b .current dt *{
	display: block;
}
.beauty .video-b .current dd{
	margin:0;
}
.beauty .video-b .current dd a{
	color: #fff;
}
.beauty .rect dd p{
	color: #666666;
}
.beauty .rect dd p span{
	color: #d62a31;
}

/* 产品试用 */
.try{
	position: relative;
	background: #eaeaea;
	height: 204px;
	padding-top: 54px;
	margin-bottom: 100px;
}
.try .channel-name,
.try .channel-name a{
	background: #656565;
	color: #fff;
	font-size: 15px;
	font-weight: bolder;
}
.try .channel-name a{
	display: block;
	width: 150px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.try .channel-name{
	position: absolute;
	padding:0;
	left:50%;
	top:-20px;
	margin-left: -75px;
}
.try .channel-name:after{
	border-top-color:#656565;
}
.try dl{
	float: left;
	margin:0 23px;
	width: 125px;
}
.try dt{
	position: relative;
	width: 125px;
	height: 125px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 18px;
}
.try dt p{
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	background:url(../images/ie8mask.png) \9;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	opacity: 0;
	display: none \9;
}
.try dt p:before{
	display: inline-block;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin-top: 62px;
	content: '';
}
.try dt p span{
	display: inline-block;
	vertical-align: middle;
	max-width: 100px;
	word-break:break-all;
	line-height: 1.2;
	font-size: 14px;
}
.try a:hover p{
	display: block \9;
}
.try img{
	display: block;
	width: 125px;
	height: 125px;
	border-radius: 50%;
}
.try dd{
	text-align: center;
}
.try dd p{
	font-size: 14px;
	color: #656565;
}
.try dd span{
	color: #9f9f9f;
}

/* 生活 */
.life{
	margin-bottom: 120px;
}
.life h1{
	background: url(../../images/ele.png) no-repeat -142px -681px;
	width: 216px;
	height: 78px;
	margin:0 auto 50px;
}
.life h1 *{
	display: block;
	width: 216px;
	height: 78px;
	text-indent: -10000em;
	overflow: hidden;
}
.life .content{
	position: relative;
}
.life .channel-name{
	background: #789b37;
}
.life .channel-name:after{
	border-top-color: #789b37;
}
.life .list{
	float: left;
	position: relative;
	overflow: hidden;
	width: 130px;
    height: 530px;
    margin-right: 5px;
    -webkit-transition:width 0.5s;
       -moz-transition:width 0.5s;
         -o-transition:width 0.5s;
    	    transition:width 0.5s;
}
.life .list .mask{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	cursor:pointer;
}
.life .channel-focus{
	position: absolute;
	right:0;
	top:0;
}
.life .current{
	width: 790px;
}
.life .current .mask{
	display: none;
}

/* 九间房 */
.room{
	padding-top: 50px;
	background: #242424;
	margin-bottom: 110px;
}
.room h1{
	width: 445px;
	height: 79px;
	margin: 0 auto 50px;
	background-image: url(../../images/top/ele.png);
	background-repeat: no-repeat;
	background-position: -114px -794px;
}
.room h1 *{
	display: block;
	width: 445px;
	height: 79px;
	text-indent: -10000em;
	overflow: hidden;
}
.room .btn{
	float: left;
	width: 50px;
}
.room .btn span{
	background: url(../../images/ele.png) no-repeat;
	display: block;
	width: 50px;
	height: 150px;
	cursor: pointer;
}
.room .btn .btn-l{
	background-position: -56px -282px;
}
.room .btn .btn-r{
	background-position: -56px -453px;
}
.room .swiper-container{
	float: left;
	width: 1149px;
	height: 300px;
}
.room .swiper-slide{
	overflow: hidden;
	float: left;
	position: relative;
	width: 384px;
	height: 300px;
}
.room .swiper-slide img{
	display: block;
	width: 384px;
	height: 300px;
}
.room .mask{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background: rgba(0,0,0,0.55);
	background:url(../images/ie8mask.png) \9;
}
.room .mask h3{
	margin:105px 50px 20px;
	min-height: 48px;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	word-break:break-all;
	font-weight: bolder;
}
.room .mask p{
	margin:0 50px;
}
.room .mask span{
	color: #f19b97;
	font-size: 13px;
}
.room .mask .f{
	position: relative;
	margin-right: 1.2em;
}
.room .mask .f:after{
	position: absolute;
	top:50%;
	margin-top:-2px;
	right:-1em;
	background: #f19b97;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	overflow:hidden;
	content: '';
}
.room .swiper-slide:hover .mask{
	opacity: 0;
	display: none \9;
}

/* 精彩专题 */
.feature{
	margin-bottom: 110px;
}
.feature h1{
	width: 396px;
	height: 78px;
	margin: 0 auto 60px;
	background-image: url(../../images/top/ele.png);
	background-repeat: no-repeat;
	background-position: -142px -908px;
}
.feature h1 *{
	display: block;
	width: 396px;
	height: 78px;
	text-indent: -10000em;
	overflow: hidden;
}
.feature dl{
	float: left;
	width: 600px;
	background: #f7f7f7;
}
.feature dt{
	overflow: hidden;
	position: relative;
	width: 300px;
	height: 300px;
}
.feature dt:after{
	position: absolute;
	margin-top:-10px;
	top:50%;
	content: '';
	overflow: hidden;
	border:solid 10px transparent;
}
.feature dt img{
	display: block;
	width: 300px;
	height: 300px;
}
.feature dd{
	padding:80px 25px 0;
}
.feature h2{
	min-height: 84px;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 20px;
	word-break:break-all;
}
.feature p{
	font-size: 16px;
	line-height: 1.5;
	word-break:break-all;
	color: #666666;
}
.feature a{
	color: #000;
}
.feature p a{
	color: #666666;
}
.feature .left dt{
	float: left;
}
.feature .left dd{
	margin-left: 300px;
}
.feature .left dt:after{
	right:0;
	border-right:solid 10px #f7f7f7;
}
.feature .right dt{
	float: right;
}
.feature .right dd{
	margin-right: 300px;
}
.feature .right dt:after{
	left:0;
	border-left:solid 10px #f7f7f7;
}

/* 热门搜索 */
.hot{
	position: relative;
	padding-top: 60px;
	background: #eaeaea;
	height: 140px;
}
.hot .channel-name,
.hot .channel-name a{
	background: #656565;
	color: #fff;
	font-size: 15px;
	font-weight: bolder;
}
.hot .channel-name a{
	display: block;
	width: 150px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.hot .channel-name{
	position: absolute;
	padding:0;
	left:50%;
	top:-20px;
	margin-left: -75px;
}
.hot .channel-name:after{
	border-top-color: #656565;
}
.hot .wrapper1200{
	text-align: center;
	word-break:break-all;
}
.hot .wrapper1200 a{
	display: inline-block;
	background: #fff;
	border-radius: 15px;
	padding:0 20px;
	margin:0 5px 15px;
	height:30px;
	line-height: 30px;
	font-size: 15px;
	color: #000;
	white-space: nowrap;
}
.hot .wrapper1200 a:hover{
	background: #aaaaaa;
	color: #fff;
}

/* self广告 */
.selfad .wrapper1200{
	position: relative;
}
.selfad .bg1{
	background: #ff0000;
	height: 125px;
}
.selfad .bg2{
	background:#1f1f1f;
	padding-top: 30px;
}
.selfad .bg1 p{
	position: absolute;
	top:30px;
	left:50px;
	width: 764px;
	height: 120px;
	background: url(../images/selfad.png) no-repeat left top;
}
.selfad .bg2 h2,
.selfad .bg2 h2 *{
	display: block;
	width:573px;
	height:27px;
}
.selfad .bg2 h2{
	margin:0 auto 65px;
	background: url(../images/selfad.png) no-repeat left -142px;
}
.selfad .box{
	position: relative;
	background:url(../images/selfadbg.png) no-repeat;
	width: 660px;
	height: 458px;
	margin-left: 416px;
}
.selfad .box div{
	position: absolute;
	bottom:0;
	background: #000;
}
.selfad .box .hover img{
	opacity: 0.5;
}
.selfad .box .i1{
	left:-305px;
}
.selfad .box .i2{
	left:382px;
	background:url(../images/selfadwx.png) no-repeat;
	padding:55px 13px 0 10px;
}
.selfad .box .i3{
	right:12px;
}
.selfad .box .i4{
	left:49px;
}

/* 广告 */
.adbanner{
	position: relative;
	max-width: 1680px;
	margin:0 auto 50px;
}
.adbanner img{
	display: block;
	width: 100%;
}

/* 动画 */
.article-box img,
.channel-focus .hover img,
.recommend .left .box a img,
.celebrity .bg img,
.room .swiper-slide img,
.feature dl img{
	-webkit-transition:transform 400ms;
       -moz-transition:transform 400ms;
         -o-transition:transform 400ms;
    	    transition:transform 400ms;
}
.article-box:hover img,
.channel-focus:hover .hover img,
.recommend .left .box a:hover img,
.celebrity .bg:hover img,
.room .swiper-slide:hover img,
.feature dl:hover img{
	-webkit-transform:scale(1.03,1.03);
	   -moz-transform:scale(1.03,1.03);
	     -o-transform:scale(1.03,1.03);
		    transform:scale(1.03,1.03);
}
.focus .center .btn-left,
.focus .center .btn-right,
.runway .rwlist .btn-left,
.runway .rwlist .btn-right,
.video .swiper-container img,
.try a p,
.room .swiper-slide .mask{
	-webkit-transition:opacity 500ms;
       -moz-transition:opacity 500ms;
         -o-transition:opacity 500ms;
    	    transition:opacity 500ms;
}
.focus .center:hover .btn-left,
.focus .center:hover .btn-right,
.runway .rwlist:hover .btn-left,
.runway .rwlist:hover .btn-right,
.video .swiper-slide:hover img,
.try a:hover p{
	opacity: 1;
}
.site-info{
	margin-top: 0;
}

/*ad*/
.s .sidebar{width:300px;float:right}
.m .m-title{height:33px}
.m .m-title h2{font-weight:normal;font-size:24px;line-height:24px;*line-height:normal;float:left}
.m .m-title h2.sty-red{border-left:4px solid #e13a3b;padding-left:13px}
.m .m-title h2 a{position:relative;margin-top:-2px;color:#444;vertical-align:middle;display:inline-block;*display:inline;*zoom:1;vertical-align:top}
.m .m-title h2 a:hover{color:#ba2636}
.sidebar .m{*zoom:1}
.sidebar .m:after{content:" ";display:table;clear:both}
.sidebar .slider-item{width:300px}
.sidebar .news-feature{margin:8px 0 18px;border-bottom:1px solid #e5e5e5;padding-bottom:9px}
.news-feature h5{font-size:16px;line-height:35px;height:35px}
.news-feature p{line-height:25px;height:50px;color:#888}
.news-feature p a{color:#888}
.news-feature p a:hover{color:#ba2636}
.sidebar .video-sudoku{margin-top:10px}
.video-sudoku{margin-right:-5px;overflow:hidden;*zoom:1}
.video-sudoku .item{float:left;display:block;overflow:hidden;width:149px;height:84px;margin:0 2px 2px 0;position:relative;color:#fff}
.video-sudoku .item img{width:149px;height:84px}
.video-sudoku .item:hover{top:0;color:#fff}
.video-sudoku .item:hover .item-shade{top:0}
.video-sudoku .item .icon-video{position:absolute;z-index:1;zoom:.41667;-moz-transform:scale(0.4);-moz-transform-origin:right bottom;bottom:10px;right:10px}
.video-sudoku .item-shade{color:#fff;position:absolute;width:100%;height:100%;top:100%;left:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.video-sudoku .item-bg{background:#000;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.7;filter:alpha(opacity=70)}
.video-sudoku .item-text{padding:16px 16px 0;line-height:22px;font-size:14px;position:relative}


.ga{overflow:hidden;margin:0 auto;position:relative}
.ga img{max-width:100%}
.ga-x_100{height:100px}
.ga-300_250{width:280px;height:250px}

 .ad_hover_href {
  width: 30px;
  height: 17px;
  position:absolute;
  left:0;
  bottom:0;
  z-index:100;
  background:url(../../images/top/ad.png) no-repeat;
 }
.blk-50{height:50px;clear:both}
.blk-45{height:45px;clear:both}
.blk-40{height:40px;clear:both}
.blk-35{height:35px;clear:both}
.blk-30{height:30px;clear:both}
.blk-25{height:25px;clear:both}
.blk-20{height:20px;clear:both}
.blk-15{height:15px;clear:both}