#image_viewer_mask
{
	background-color:#1A1A1A;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:115;
	display:none;
}
#image_viewer_parent
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:121;
	overflow:hidden;
	text-align:center;
	display:none;
	background-color: #1A1A1A;
}
#image_viewer_main_image_area
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	text-align:center;
}
#image_viewer_main_image_area canvas
{
	width:100%;
	height:100%;
}
#image_viewer_main_image,
#image_viewer_main_iframe
{
	display:inline-block;
	height:100%;
	width:80%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
#image_viewer_main_iframe {display:none;}

#image_viewer_main_image_area .image_viewer_image_box
{
	position:absolute;
	height:80%;
	width:70%;
	top:5%;
	left:15%;
	text-align:center;
	
}
#image_viewer_main_iframe 
{
	position:absolute;
	height:80%;
	width:70%;
	top:5%;
	left:15%;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	
	display:none;
	background-color:black;
}
#image_viewer_main_image_area .image_viewer_image_box img 
{
	height:100%;
	max-width:100%;
}
#image_viewer_main_image_area .image_viewer_image_box#image_viewer_next1_image,
#image_viewer_main_image_area .image_viewer_image_box#image_viewer_next2_image
{
	height:40%;
	width:40%;
	top:25%;
	left:90%;
}
#image_viewer_main_image_area .image_viewer_image_box#image_viewer_next2_image {left:140%;}
#image_viewer_main_image_area .image_viewer_image_box#image_viewer_prev1_image,
#image_viewer_main_image_area .image_viewer_image_box#image_viewer_prev2_image
{
	height:40%;
	width:40%;
	top:25%;
	left:-30%;
}
#image_viewer_main_image_area .image_viewer_image_box#image_viewer_prev2_image {left:-80%;}

#image_viewer_box_hover
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	text-align:center;
}
#image_viewer_box_hover #image_viewer_arrow_left,
#image_viewer_box_hover #image_viewer_arrow_right
{
	position:absolute;
	top:5%;
	left:11.5%;
	width:2.5%;
	height:80%;
	text-align:center;'
	z-index:1;
}
#image_viewer_box_hover #image_viewer_arrow_right
{
	left:86%;
}
#image_viewer_box_hover #image_viewer_arrow_left span,
#image_viewer_box_hover #image_viewer_arrow_right span
{
	display:inline-block;
	width:1.5vw;
	height:100%;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
#image_viewer_box_hover #image_viewer_arrow_left span
{
	background-image:url('images/arrow - big gallery 2.png');
}
#image_viewer_box_hover #image_viewer_arrow_left:hover span
{
	background-image:url('images/arrow - big gallery 22.png');
}
#image_viewer_box_hover #image_viewer_arrow_right span
{
	background-image:url('images/arrow - big gallery 1.png');
}
#image_viewer_box_hover #image_viewer_arrow_right:hover span
{
	background-image:url('images/arrow - big gallery 11.png');
}

#image_viewer_box_hover #image_viewer_btn_close
{
	position:absolute;
	top:5%;
	right:5%;
	width:10%;
	overflow:hidden;
	text-align:center;
	z-index:2;
}
#image_viewer_box_hover #image_viewer_btn_close .icon_area
{
	height:2vw;
	overflow:hidden;
	text-align:center;
	display:block;
}
#image_viewer_box_hover #image_viewer_btn_close .icon_area span
{
	display:inline-block;
	width:2vw;
	height:2vw;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url('images/x.png');
}
#image_viewer_box_hover #image_viewer_btn_close:hover .icon_area span
{
	background-image:url('images/xx.png');
}
#image_viewer_box_hover #image_viewer_btn_close .icon_desc
{
	display:block;
	overflow:hidden;
	text-align:center;
	color:white;
	height:1.5vw;
	line-height:1.5vw;
	font-size:0.75vw;
	display:none;
}
#image_viewer_box_hover #image_viewer_btn_close:hover .icon_desc
{
	color:#0DC3CA;
}

/* slider */

#image_viewer_box_hover #image_viewer_nav_slider
{
	overflow:hidden;
	height:8vh;
	width:100vw;
	position:absolute;
	bottom:0;
	left:0;
}
#image_viewer_box_hover #image_viewer_nav_slider .arrow
{
	display:inline-block;
	float:left;
	height:8vh;
	width:4.7vw;
	text-align:center;
}
#image_viewer_box_hover #image_viewer_nav_slider .arrow span
{
	height:6vh;
	margin-top:1vh;
	display:inline-block;
	width:2.5vh;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
#image_viewer_box_hover #image_viewer_nav_slider .arrow.left span
{
	background-image:url('images/arrow - big gallery 2.png');
}
#image_viewer_box_hover #image_viewer_nav_slider .arrow.left:hover span
{
	background-image:url('images/arrow - big gallery 2.png');
}
#image_viewer_box_hover #image_viewer_nav_slider .arrow.right span
{
	background-image:url('images/arrow - big gallery 1.png');
}
#image_viewer_box_hover #image_viewer_nav_slider .arrow.right:hover span
{
	background-image:url('images/arrow - big gallery 11.png');
}


#image_viewer_box_hover #image_viewer_nav_slider .main_area
{
	display:inline-block;
	float:left;
	height:8vh;
	width:90vw;
	overflow:hidden;
	text-align:center;
}
#image_viewer_box_hover #image_viewer_nav_slider .main_area .inner_area
{
	display:inline-block;
	float:left;
	height:8vh;
	width:300vw;
	position:relative;
	left:0;
}
#image_viewer_box_hover #image_viewer_nav_slider .main_area .image_box
{
	display:inline-block;
	float:left;
	height:8vh;
	overflow:hidden;
	cursor:pointer;
}
#image_viewer_box_hover #image_viewer_nav_slider .main_area .image_box img,
#image_viewer_box_hover #image_viewer_nav_slider .main_area .image_box .hover
{
	display:block;
	height:8vh;
	overflow:hidden;
}
#image_viewer_box_hover #image_viewer_nav_slider .main_area .image_box .hover
{
	position:relative;
	top:-8vh;
	background-color:rgba(0,0,0,0.75);
	opacity:1;
}

#image_viewer_box_hover #image_viewer_nav_slider .main_area .image_box:hover .hover
{
	opacity:0;
}

#image_viewer_arrows_preload
{
	position:absolute;
	top:-100vh;
	left:0;
	z-index:5;
}
#image_viewer_arrows_preload #image_viewer_arrow_left,
#image_viewer_arrows_preload #image_viewer_arrow_right
{
	display:inline-block;
	float:right;
	overflow:hidden;
}
#image_viewer_arrows_preload #image_viewer_arrow_left span,
#image_viewer_arrows_preload #image_viewer_arrow_right span
{
	display:inline-block;
	float:right;
	overflow:hidden;
	width:1.5vw;
	height:5vw;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
#image_viewer_arrows_preload #image_viewer_arrow_left span
{
	background-image:url('images/arrow - big gallery 2.png');
}
#image_viewer_arrows_preload #image_viewer_arrow_left span.hover
{
	background-image:url('images/arrow - big gallery 22.png');
}
#image_viewer_arrows_preload #image_viewer_arrow_right span
{
	background-image:url('images/arrow - big gallery 1.png');
}
#image_viewer_arrows_preload #image_viewer_arrow_right span.hover
{
	background-image:url('images/arrow - big gallery 11.png');
}
#image_viewer_arrows_preload .btn_x,
#image_viewer_arrows_preload .btn_x2
{
	display:inline-block;
	float:right;
	overflow:hidden;
	width:5vw;
	height:5vw;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url('images/x.png');
}
#image_viewer_arrows_preload .btn_x2
{
	background-image:url('images/xx.png');
}