.album{
	margin:0 auto;
	width:100%;
	height:100%;
	overflow:hidden;
}

.album-image-md{
	position:relative;
	z-index:1;
	margin:0 auto;
	height:100%;
	overflow:hidden;
}

.album-image-bd{
	position:relative;
	z-index:1;
	margin:0 auto;
	height:100%;
	text-align:center;
	overflow:hidden;
}

.album-image{
	/*position:absolute;
	z-index:2;
	top:50%;
	left:50%;*/
}

.album-image-ft{
	margin:0 auto;
	height:50px;
	line-height:50px;
	text-align:center;
	overflow:hidden;
}

#album-image-ft{
	font-size:12px;
}

/*.album-image-nav{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
}*/

.album-image-nav-left-block{
	/*position:relative;
	z-index:1;
	float:left;
	margin:0;
	width:50%;
	height:750px;
	list-style-type:none;
	overflow:hidden;*/
	position: absolute;
	top:45%;
	left:0;

}

.album-image-nav-right-block{
	/*position:relative;
	z-index:1;
	float:left;
	margin:0;
	width:50%;
	height:750px;
	list-style-type:none;
	overflow:hidden;*/
	position: absolute;
	top:45%;
	right:0;
}

.album-image-btn-prev:link,.album-image-btn-prev:visited,.album-image-btn-prev:hover{
	position:absolute;
	z-index:2;
	top:50%;
	left:0;
	margin:-40px 0 0 0;
	width:40px;
	height:80px;
	line-height:60px;
	font-size:100px;
	color:#999;
	background-color:#333;
	opacity: 0.7;
	filter:alpha(opacity=70);
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}

.album-image-btn-next:link,.album-image-btn-next:visited,.album-image-btn-next:hover{
	position:absolute;
	z-index:2;
	top:50%;
	right:0;
	margin:-40px 0 0 0;
	width:40px;
	height:80px;
	line-height:60px;
	font-size:100px;
	color:#999;
	background-color:#333;
	opacity: 0.7;
	filter:alpha(opacity=70);
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}

.album-image-btn-prev:hover,.album-image-btn-next:hover{
	color:#FFF;
	background-color:#000;
}

.album-image-loading-overlay{
	position:absolute;
	z-index:4;
	top:0;
	left:0;
	margin:0;
	width:980px;
	height:750px;
	background-color:#FFF;
	opacity: 0.6;
	filter:alpha(opacity=60);
	overflow:hidden;
}

.album-image-loading-overlay img{
	position:absolute;
	z-index:4;
	top:50%;
	left:50%;
	margin:-50px  0 0 -50px;
	width:100px;
	height:100px;
}

.album-carousel{

	position:absolute;
	bottom:90px;
	height:50px;
	width:100%;
	z-index:11;
	
}

.album-carousel-btn-prev:link,.album-carousel-btn-prev:visited,.album-carousel-btn-prev:hover{
	float:left;
	margin:0;
	width:50px;
	height:80px;
	line-height:70px;
	text-align:center;
	font-size:80px;
	text-decoration:none;
	color:#999;
	overflow:hidden;
}

.album-carousel-btn-next:link,.album-carousel-btn-next:visited,.album-carousel-btn-next:hover{
	float:right;
	margin:0;
	width:50px;
	height:80px;
	line-height:70px;
	text-align:center;
	font-size:80px;
	text-decoration:none;
	color:#999;
	overflow:hidden;
}

.album-carousel-btn-prev:hover,.album-carousel-btn-next:hover{
	color:#ccc;
	background-color:rgba(0,0,0,.5);
}

.album-carousel-zone{
	position:relative;
	z-index:1;
	float:left;
	margin:0;
	width:calc(100% - 100px);
	height:80px;
	background-color:rgba(0,0,0,.5);
	overflow:hidden;
}

.album-carousel-list{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:1760px;
    height:80px;
	overflow:hidden;
}

.album-carousel-thumb{
	position:relative;
	z-index:3;
	float:left;
	margin:0;
	list-style-type:none;
	width:80px;
	height:80px;
	overflow:hidden;
}

.album-carousel-thumb a:link,.album-carousel-thumb a:visited,.album-carousel-thumb a:hover{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:80px;
	height:80px;
	border:1px solid rgba(0,0,0,.5);
	overflow:hidden;
}

.album-carousel-thumb-selected a:link,.album-carousel-thumb-selected a:visited,.album-carousel-thumb-selected a:hover,.album-carousel-thumb a:hover{
	border:2px solid #ccc;
}

.album-carousel-thumb img{
	position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    max-width: 80px;
    height: 80px;
    opacity: 0.5;
	filter:alpha(opacity=50);
}

.album-carousel-thumb-selected a:link img,.album-carousel-thumb-selected a:visited img,.album-carousel-thumb-selected a:hover img,.album-carousel-thumb a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}

.album-download:link,.album-download:visited,.album-download:hover{
	position:absolute;
	z-index:3;
	top:10px;
	right:10px;
	margin:0;
	height:28px;
	line-height:28px;
	font-size:12px;
	padding-left:30px;
	text-decoration:none;
	background:transparent url(../images/button-bg-comments.png) 0 -137px no-repeat;
	overflow:hidden;
}

.album-download:hover{
	background-position: 0 -282px;
	color:#FFF;
}

.album-download span{
	display:block;
	background:transparent url(../images/button-bg-comments.png) 100% -50px;
	padding-right:20px;
}

.album-download:hover span{
	background-position: 100% -456px;
}

.hide{
	display:none;
}
/*add*/
.content{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background: rgb(20, 20, 20);
}
.top{
	width:100%;
	position:absolute;
	top: 0;
	left:0;
	height:100px;
	z-index:2;
	background:rgba(20, 20, 20, 0.75);
}
.logo{
	position:absolute;
	display: inline-block;
	
	top: 0;
	left:50%;
	margin-left:-100px;
	z-index:20;
}
.logo img{
	padding-top:10px;
	width:140px;
}
.id{
	font-size:14px;
	color:#fff;
	text-align:center;
	position: absolute;
	bottom:90px;
	left:20%;
	z-index:11;
	width:60%;
	font-size:16px;
	text-shadow:2px 2px 5px #000000;
}
.toggle{
	width:50px;
	height:50px;
	background:#00a4ff;
	margin-left: calc(100% - 100px);
}
.toggle>a{
	display: inline-block;
	width:45%;
	height:50px;
}
#toggleslt{

	display: inline-block;
	width:80px;
	width:100%;
	background:url(../images/icon-down-w.svg) no-repeat center;
	background-size:20px;
}
#toggleslt.active{
	background:url(../images/icon-up-w.svg) no-repeat center;
}
#bdshare{
	width: 50%;
    line-height: 40px;
}
#smallImgList{
	height:80px;
}