html,body{
	margin:0px auto;	
}

@font-face{
	font-family:"openSans";
	src: url(font/OpenSans-Regular.ttg)
}

.main-2{
	width:100%;
	height:210%;
	margin:0px auto;
	z-index:-1;
	//background-image:) ;
	background-color:#1d1e23;
	background-repeat: repeat-y;
}

.title-img{
	position:absolute;
	width:100%;
	height:33%;
	top:0;
	left:0;
	margin:0px auto;
	z-index:1;
}

.title-img img{
	width:100%;
	height:100%;
}


.main-description{
	width:90%;
	position:absolute;
	background:url(img/descriptionbg.png) no-repeat;
	background-position:bottom left;
	background-color:#fff;
	//margin-top:33%;
	top:27%;
	height:45%;
	z-index:100;
	//-webkit-box-shadow: 0px -10px 10px 0px #bebec0; 
	//-moz-box-shadow: 0px -10px 10px 0px #bebec0; 
	//box-shadow: 0px -20px 10px 0px #bebec0 inset; 
	overflow:hidden;
	//opacity:0.8;
//	filter:alpha(opacity=80); 
//	font-weight: bold;
	font-family:openSans;
}

.detail-title{
	font-size:1.1em;
	width:90%;
	margin-left:8%;
	margin-top:1%;
	float:left;
}

.detail-content{
	margin-left:8%;
	margin-top:1%;
	float:left;
	width:80%;
}

.detail-part-1{
	font-size:1.1em;
	float:left;
	width:90%;
	word-wrap:break-word;
	word-break:normal; 
	font-family:openSans;
}

.detail-part-2{
	font-size:0.9em;
	float:left;
	width:100%;
	word-wrap:break-word;
	word-break:normal; 
	font-family:openSans;
}

.detail-button{
	float:left;
	width:10%;
	font-size:24px;
	text-align:center;
	position:absolute;
	right:2%;
	bottom:5%;
}

.button-img{
	width:100%;
	text-align:center;
}

.button-img img{
	width:50%;
}

.button-content {
	width:100%;
	font-size:24px;
	text-align:center;
	font-family:openSans;
}

.main-swiper-container{
	position:absolute;
	//margin:1% 1.2% 0px 1.2%;
	width:100%;
	height:100%;
	top:80%;
	overflow:hidden;
	overflow: hidden;
	list-style: none;
	padding: 0;
       	z-index: 1;
}


.main-swiper-button-prev, .main-swiper-button-next{
	top : 95%;
	position: absolute;
	//width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-container-horizontal > .main-swiper-scrollbar{
	position: absolute;
	left: 25%;
	bottom:5%; 
	z-index: 50;
	height: 3px;
	width: 50%;	
}

.swiper-container-vertical > .main-swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 10%;
}
.swiper-scrollbar-drag{
	background-color:#fff;
}
.main-gallery{
	width:50%;
	height:5%;
	position:absolute;
	top:75%;
	left:6%;
	color:#fff;
	font-size:1.4em;
}

.main-swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(98, 98, 98 ,1);
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: -30px,-30px;
}

.swiper-wrapper{
//	background-color:#fff;
	width:100%;
	height:100%;
}


.main-swiper-button-prev{
	width:48px;
	height:48px;
	background:url(img/left_button.png);
	left:7%;
}
.main-swiper-button-next{
	width:48px;
	height:48px;
	background:url(img/right_button.png);
	right:7%;
}

.slide-list{
	float:left;
	width:100%;
	height:45%;
	margin-top:0%;
}
.slide-list ul{
	width:100%;
	height:100%;
	margin:0;
	margin-left:5%;
	padding:0;
}
.slide-list ul li{
	float:left;
	list-style:none;
	width:44%;
	height:44%;
	margin-bottom:5%;
//	border-bottom:1px solid #535458;
//	border-size:80%;
	
}

.slide-img{
	width:100%;
	height:77%;
	position:relative;
	text-align:center;
	background-color:#000;
}
.slide-img img{
	height:100%;
}
.slide-icon{
	position:absolute;
	bottom:0;
	right:0;
	z-index:100;
}

.slide-content{
	color:#fff;
	width:100%;
	height:30px;
	line-height:30px;
	margin-left:2%;
	font-family:openSans;
}
.slide-border{
	width:96%;
	height:1px;
	position:relative;
	bottom;0;
	left:2%;
	background-color:#535458;
}

.swiper-container{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.8);
	z-index:999;

}


.swiper-button-prev, .swiper-button-next{
	width:100px;
	height:100px;
	z-index:1000;
	top:40%;
}

.swiper-button-prev{
	left:0px;
}

.slide-img-1  {
	width:100%;
	height:80%;
	position:absolute;
	text-align:center;
}
.slide-img-1 img{
	margin-top:20%;
	width:80%;
	//position:absolute;
	//left:25%;
	//top:40%;
}

.slide-content-1{
	display:  table;
	margin-left:5%;
	width:90%;
	height:10%;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	border-top:1px solid #535458;
}

.slide-content-1 span{
    width: 0;
    height: 100%;
    vertical-align: middle; 
}

.gallery-bg{
	width:100%;
	height:50%;
	position:absolute;
	top:75%;
	overflow:hidden;
	opacity:1.2;
}

.gallery-bg img{
	width:110%;
	height:18%;
}

.main-share{
	width:100%;
	height:7%;
	position:absolute;
	top:182%;
	z-index:100;
	display:table;
}

.share-icon {
	height:100%;
	width:100%;
	position:absolute;
	background-color:#101012;
}

.back-top-button {
	display:table;
	height:70%;
	width:30%;
	position:absolute;
	left:70%;
	bottom:0px;
	background-color:#000;
	color:#909090;
	text-align:center;
}
.back-top-button span{
	display:table-cell;
	vertical-align: middle; 
	font-size:1.5em;
	font-family:openSans;

}



.btn-twitter { width:10%;height:100%; position:absolute; top:10%; left: 55%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAclBMVEVRpuYVT3sAAABOoeFVrO7w+P1Wqef2+/7A3/aRx/DY6/qBv+1rs+pcrOhTp+bk8fvc7vqgz/KYy/Bhruj6/P673PW32vW02fSs1fNzuOvT6PnI4/eo0/OLxO56u+xvtuplsOnM5fjL5Pix1/T///9VrO5kOrf6AAAAJHRSTlPbTQDKs/zc/fHn9uTg3dv59+rp3v7w7+7t4vXy7Obi4d/z8+0Y139yAAABAklEQVRIx+3W2XKDIBSAYSABQQW3uGVve3z/V6xlxpKmHsSbTDKT/4oLvhEcXMgwDCy4cbIF28AmQIP7AYyuiTHCNpSSwCjdvsELgEtZnv1ApMSVxjCWnU0iKwyU3IkrB9suggK9ggSeTOMPmNo3BQ4AWm2Hege/HQwGChjj3XUc9m5+jW9ac7DFrVIOKBxckgj+l+BARnwG9DhQMFNkcGDiGfDpOxrVjDj5AOmb+21nxgs65B6hQNyvSS4db/H1Z025QIEj9c0GKrJ4BZW7+XtNvCBtD/nNIeXF4iOqj5lbfSmCnulUdbVsjqfqOV8zb/A4sPrDvvrXwYJNYBas/f35BucmNR/M867bAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: 100%; }


.btn-facebook { width:10%;height:100%; position:absolute; top:10%; left: 40%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEVKZq8LIVgAAABhg9pskOvj5/KQoc6NnsyaqtNYcrWmtNi+yOJthL/X3e24w+D09vrt7/fGz+b///9skOs6vrsQAAAAEnRSTlPbTQDKs/no5+rd7PHi9u/8+/PZCs+xAAAAg0lEQVRIx+3WuxKFIAxFURK9VxSf4f//VT2OlYUnlTrDrihYDSlIyDkr3XYZoCY7gdDtQMWTatBKJJCJ1F8BzTAZihxYDNEgmQ/05gSjFwxe8DOU4lbPgxQQD/4fBQ2aAUacb17JLnUFXECLjjlEnB+fdAEFvB44P3b36gBQkQF4158VMDMelLMVHfwAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: 100%; }