.jmpViewer{
	position: fixed;
	top:0;
	left:0;
	background: #000;
	width: 100%;
	height:100%;
	z-index: 7;
}

body.jmpGallery-active{
	overflow: hidden;
}

.jmpG-toolbarLeftTop{
	position: absolute;
	left:20px;
	top:10px;
	font-size:1.3rem;
	color:#fff;
    z-index: 1;
}

.jmpG-toolbarRightTop{
	position: absolute;
    right: 20px;
    top: 10px;
    font-size: 2rem;
    color: #fff;
    z-index: 1;
	cursor:pointer
}

.jmpG-photo{
	width:100%;
	height:100%;
	position:absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	transform:translateX(0px);
	transition: transform 0.6s ease;
}

.jmpG-photo-next{
	transform:translateX(100%) scale(0.4);
}

.jmpG-photo-next img{

}

.jmpG-photo-prev{
	transform:translateX(-100%) scale(0.4);
}

.jmpG-photo-prev img{

}

.jmpG-photo img{
	max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.jmpThumbs{
	position: absolute;
	bottom: 10px;
	display:flex;
	z-index: 1;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
}

.jmpThumb{
	height: 40px;
    width: 40px;
	border: 1px solid transparent;
	margin:3px;

}

.jmpThumb.active{
	border: 1px solid #fff;
}

.jmpThumb_img{
	width:100%;
	height:100%;
	background-size:cover;
	border: 1px solid #888;
}

.jmpThumb.active .jmpThumb_img{
	border: 1px solid #fff;
}

.jmpThumbs_inner{
	display: flex;
	position: relative;
	left:0;
}

.jmpG_arrow{
	color: #fff;
    font-size: 2rem;
    position: absolute;
    background: #0000003d;
	top: calc(50% - 24px);
	padding:5px;
	z-index: 2;
}

.jmpG-arrowPrev{
	left:10px;
	cursor:pointer;
}

.jmpG-arrowNext{
	right:10px;
	cursor:pointer;
}