.albumImg .big-img {
	position: relative;
	border:3px solid var(--c05);
	border-bottom:3px solid var(--c05);
}
.albumImg .big-img .des {
	padding: 10px;
}
.albumImg .big-img img {
/*	height: 380px;*/
	object-fit: contain;
	padding:3px;
	cursor: pointer;
}
.albumImg .thumbnail {
	overflow-x: auto;
	white-space: nowrap;
	border:3px solid var(--c05);
	padding:6px;
	text-align: center;
}
.albumImg .thumbnail img {
	height: 80px;
	cursor: pointer;
}
/* width */
.thumbnail::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.thumbnail::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.thumbnail::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.thumbnail::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/*bg-albumImg*/
.bg-albumImg {
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.bg-albumImg .albumImg-show {
	height: 85%;
	width: 100%;
	position: relative;
}
.bg-albumImg .albumImg-show img {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
}
.bg-albumImg .albumImg-thumbnail {
	overflow-x: auto;
	white-space: nowrap;
	border-top:1px solid #ccc;
	padding:3px;
	width: 100%;
	height: 15%;
	text-align: center;
	position: relative;
}
.bg-albumImg .albumImg-thumbnail img {
	height: 88%;
	margin: 5px;
	cursor: pointer;
}

.bg-albumImg .albumImg-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 1.3em;
	border:1px solid #ccc;
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	cursor: pointer;
	font-size: 1.5rem;
	transition: color 0.3s, border-color 0.3s;
}
.bg-albumImg .albumImg-close:hover {
	color: #ccc;
	border-color: #fff;
}

/*view next, prev*/
.albumImg .big-img .bigImg-next, .albumImg .big-img .bigImg-prev {
	display: block;
	position: absolute;
	transform: translateY(-50%);
	top: 48%;
	color: var(--c01);
	font-size: 3em;
	cursor: pointer;
	text-shadow:3px 3px 5px #666;
	line-height: 1.8rem;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: rgba(255, 255, 255, .55);
}
.albumImg .big-img .bigImg-next:hover, .albumImg .big-img .bigImg-prev:hover {
	color: var(--c02);
}

.albumImg .big-img .bigImg-next {
	right: 10px;
}
.albumImg .big-img .bigImg-prev {
	left: 10px;
}


/*page next, prev*/
.bg-albumImg .albumImg-next, .bg-albumImg .albumImg-prev {
	display: block;
	position: absolute;
	transform: translateY(-50%);
	top: 40%;
	color: #fff;
	font-size: 3em;
	padding: 10px;
	cursor: pointer;
	line-height: .3rem;
}
.bg-albumImg .albumImg-next:hover, .bg-albumImg .albumImg-prev:hover {
	color: #ccc;
}

.bg-albumImg .albumImg-next {
	right: 10px;
}
.bg-albumImg .albumImg-prev {
	left: 10px;
}



@media (max-width: 575px) {
	.albumImg .big-img img {
		height: auto!important;
	}
}