#galler_page
{
	overflow:hidden;
	width:100%;
	margin-top:0px;
	background-color: #f9f9f9;
}
.gallery_area
{
	width:91.7vw;
	overflow:hidden;
	margin:0px auto;
	
}
.gallery_area .img_box
{
	display:inline-block;
	float:left;
	width:29.3vw;
	height:22vw;
	margin-right:1.8vw;
	margin-top:2vw;
	overflow:hidden;
}
.gallery_area .img_box.last {margin-right:0px;}
.gallery_area .img_box .img
{
	width:29.3vw;
	height:19.5vw;
}
.gallery_area .img_box .img img
{
	max-width:29.3vw;
	height:19.5vw;
}
.gallery_area .img_box .img_desc
{
	margin-top:0.5vw;
	height:2vw;
	line-height:2vw;
	overflow:hidden;
	font-size:1.5vw;
	color:#4a4a4a;
}

.gallery_area .img_box .icon_area
{
	overflow:hidden;
	position:relative;
	top:-22vw;
	width:29.3vw;
	height:19.5vw;
	text-align:center;
}
.gallery_area .img_box .icon_area span
{
	display:inline-block;
	width:9vw;
	height:9vw;
	margin-top:5vw;
	background-image:url('../images/play icon.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.gallery_area .img_box .hover
{
	overflow:hidden;
	position:relative;
	top:-41.5vw;
	width:29.3vw;
	height:19.5vw;
	text-align:center;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
}
.gallery_area .img_box:hover .hover,
.gallery_area .img_box:focus .hover
{
	opacity:1;
}
.gallery_area .img_box .hover span
{
	display:inline-block;
	height:2vw;
	line-height:2vw;
	font-size:1.5vw;
	color:white;
	font-weight:normal;
	margin:9.5vw 2vw;
}