/*=========================================================================================
	UIExpandableImage
=========================================================================================*/

.ui-expanable-image {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;   
	-ms-user-select: none;    
	user-select: none;        
}
.ui-expanable-image img {
	display: block;
	position: absolute;
}

/*=========================================================================================
	END OF: UIExpandableImage
=========================================================================================*/

/*=========================================================================================
	UIExpandableImageViewer
=========================================================================================*/

.body-ui-expanable-image-viewer-no-scroll {
	overflow: hidden;
}
.ui-expanable-image-viewer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.ui-expanable-image-viewer-close-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 70px;
	background: url('close.png') no-repeat center center;
	cursor: pointer;
	opacity: 0.5
}
.ui-expanable-image-viewer-close-button:hover {
	opacity: 1;
	transition: all 0.3s;
}
.ui-expanable-image-viewer-prev-button {
	position: absolute;
	width: 70px;
	height: 100px;
	left: 0;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s linear;
}
.ui-expanable-image-viewer-prev-button:before {
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 12px;
	background: url('prev.png');
	left: 10px;
	top: 50%;
	margin-top: -6px;
}
.ui-expanable-image-viewer-prev-button:hover {
	opacity: 1;
}
.ui-expanable-image-viewer-prev-button:active {
	margin-top: -49px;
}
.ui-expanable-image-viewer-next-button {
	position: absolute;
	width: 70px;
	height: 100px;
	right: 0;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s linear;
}
.ui-expanable-image-viewer-next-button:before {
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 12px;
	background: url('next.png');
	right: 10px;
	top: 50%;
	margin-top: -6px;
}
.ui-expanable-image-viewer-next-button:hover {
	opacity: 1;
}
.ui-expanable-image-viewer-next-button:active {
	margin-top: -49px;
}
.ui-expanable-image-viewer-image {
	position: absolute;
	-webkit-user-select: none; 
	-moz-user-select: none;    
	-ms-user-select: none;     
	user-select: none;
	overflow: hidden;
}
.ui-expanable-image-viewer-image img {
	display: block;
	position: absolute;
}

/*=========================================================================================
	END OF: UIExpandableImageViewer
=========================================================================================*/