@CHARSET "UTF-8";

/*
    ********************** class .body ***********************
*/
body {}
/*#adsame-1533{margin-top:-15px!important;}*/
.section{
	height:552px;
}

.section-title .container{
    width:1430px;
    height:80px;
}
/*
    ------------ .slider ------
*/
.slider{
	padding:16px 0;
	height:510px;
    background:#d20a0c;
	/*background:url(../img/back-red.png) repeat;*/
}
.slider .slider-ad{
	width:300px;
	height:510px;	
}
.slider .slider-ad img{
	width:100%;
}
.slider .slide-area{
	position:relative;
	overflow:hidden;
	width:922px;
}
.slider .slide-area .slide-right{
	position:absolute;
	right:0px;
	top:220px;
	z-index:667;
}
.slider .slide-area .slide-left{
	position:absolute;
	left:0px;
	top:220px;
    z-index:667;
}
.slider .slide-area .slide-list{
	width:auto;
}
.slider .slide-area .slide-item{
	float:left;
	position:relative;
	height:510px;
    width:922px;
}
.slider .slide-area .slide-item:first-child{
	opacity:1;
}
.slider .slide-area .slide-content{
    background:rgba(0,0,0,0.5)!important;
	background:black;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	*width:100%;
	line-height:80px;
	z-index:6;
}
.slider .slide-area .slide-content a.link{
    font-size:18px;
    color:white;	
}
.slider .slide-area  .slide-content .count{
	font-size:60px;
	font-weight:normal;
	margin-left:20px;
    color:white;
}
/*
    ------------ .fashion ------
*/

.fashion .section-item{
	width:307px;
}

.fashion .section-item .item-content{
    position:absolute;
    bottom:0px;
    left:0px;
    width:275px;
    background:black; 
    background:rgba(0,0,0,0.5)!important;
    color:white;
    padding:20px 16px;
}
.fashion .section-item .item-content div.item-type{
    position:absolute;
    top:-12px;
    left:16px;
    width:75px;
    background-color:black;
    border:1px solid white;
    padding:2px;
    text-align:center;
    font-size:14px;
}
.fashion .section-item .item-content div.item-title{
    font-size:18px;
    max-height:48px;
    overflow:hidden;
}
.fashion .section-item .item-content .detail{
    margin-top:8px;
    max-height:80px;
    overflow:hidden;
    display:none;
}

/*
    ------------ .life ------
*/

.life .section-item{
    width:400px;
    height:200px;
    margin-left:10px;
    background-color:white;
    margin-bottom:10px!important;
    margin-bottom:0px;
}
.life .section-item .item-content div.item-title{
    font-size:18px;    
    max-height:46px;
    overflow:hidden;
}
.life .section-item .item-content div.item-title a{
	font-size:18px;
}
.life .section-item .section-bg{
	position:absolute;
	top:0px;
	left:0px;
}
.life .item-content{
	width:160px;
	height:142px;
	overflow:hidden;
	padding-top:14px;
	margin:20px 20px 20px 220px;
    line-height:1.9em;
}
.life .item-content .detail{
	margin-top:6px;
}
.life .section-item.first{
    margin-left:0px;
    height:410px!important;
    width:410px;
}
.life .section-item.first img{
	border:5px solid black;
}
.life .section-item.first .item-content div.item-title{
    max-height:46px;
}
.life .section-item.first .item-content{
	display:none;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    color:white;
    width:auto;
    height:auto;
    padding:120px 30px;
    margin:0;
    background:rgba(0,0,0,0.5);
}
.life .section-item.first .item-content .detail{
	height:155px;
	overflow:hidden;
}
/*
    ------------ .body-story extends .life ------
*/
.body-story .section-item{
	float:right;
	margin-left:0;
    margin-right:10px;
}
.body-story .section-item.first{
	margin-right:0;
}
.section-title a.more.body{
    right:535px;
}
/*
    ------------ .gear ------
*/
.section.gear{
	/*background:url(../img/back-gray.png) repeat;*/
	padding-top:20px;
	height:620px;
}
.gear-slide-area{
	overflow:hidden;
}
.gear .section-title{
    background-color:rgba(255,255,255,0.15);
    margin: 0 0 20px 0;
}
.gear .slide-item{
	float:left;
	margin:0 8px;
	line-height:300px;
}
.gear .slide-item img{
	width:100%;
	border:3px solid transparent;
}
.gear .slide-item img:hover,.gear .slide-item.active img{
	border:3px solid white;
}
.gear .slide-content{
	margin:20px 0;
	color:white;
}
.gear .slide-content .item-content{
	display:none;
}
.gear .slide-content a.title{
	font-size:18px;
	color:white;
}
.gear .slide-content .detail{
	padding:20px;
	height:28px;
	line-height:24px;
	overflow:hidden;
}
.gear .container{
	overflow:visible;
}
.gear .control{
	height:4px;
	background-color:#ccc;
	position:relative;
	overflow:visible;
}
.gear .control .now{
	background-color:red;
	height:10px;
	width:100px;
	position:absolute;
	left:50px;
	top:-3px;
	bottom:-3px;
	cursor:pointer;
}