/*popup display*/
.img_overlay {
	width: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 999999999; 
}
.img_content {
	width: 100%; 
	height: 90%;
	overflow:auto; 
	position: fixed; 
	z-index: 99999999;
	display: flex;  
	margin-right: -50%;
	top: 50%;
	left: 50%;
	margin-bottom: -50%;
	transform: translate(-50%, -50%);
}
.img_content .img_col {
    display: flex;
    margin: auto;
}
.img_content img {  
	/*position: inherit;
	top: 50%;
	left: 50%; 
 	margin-right: -50%; 
	margin-bottom: -50%;
	transform: translate(-50%, -50%); 
	max-width: 100%; 
	max-height: 100%; 
	margin: auto;display: block;*/
	webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.nav-img-control{
	position: absolute;  
	font-size: 22px;
	list-style:none;z-index: 99999999; 
	margin-right: -50%;
	left: 50%; 
	bottom: 20px;
	transform: translateX(-50%);  
}
.nav-img-control li{
	color: #fff !important;
	padding: 2px 10px 0px!important;
	margin: 0px 3px 0px!important;
	display: inline-block;
	cursor: pointer;
	background: #666;
	border: 1px solid transparent;
	border-radius:100%; text-align:center; 
}  
.nav-img-control li:hover {
	border-color:#fff;
}

.img-close { background: #666;
	color: #fff !important;
	padding: 1px 9px 0px;
	top: 15px;
	right: 15px;
	display: block;
	position: absolute;
	cursor: pointer;
	font-size: 20px;
	border:1px solid transparent;
	border-radius:100%;
	z-index: 99999999; 
}
.img-close:hover {
	border-color:#fff;
} 
/**/
@media only screen and (min-width:320px) and (max-width:991px) {
	 
}