@charset "utf-8";
.items_img{
	cursor: pointer;
}
#overLayer{
	position:fixed;
	width:100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 2000;
}
#overLayer .view{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
}
#overLayer .view .area{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#overLayer .view .view_img{
	position: absolute;
	top: 0px;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
}
#overLayer .view .view_img p{
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

#overLayer .view .view_img > p > img{
	width: 800px;
}

#overLayer .view .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 2001;	
	width: 66px;
}

#overLayer .view .txt{
	position: absolute;
	top: 50%;
	left: 0;
	height: 50px;
	width: 100%;	
}

#overLayer .view .txt p{
	text-align: center;
	color: #808080;
	font-size: 14px;
}

#overLayer .view .txt .prev_arrow{
	position: absolute;
	top: 0;
	left: 0px;
	width: 81px;
}
#overLayer .view .txt .next_arrow{
	position: absolute;
	top: 0;
	right: 0px;
	width: 81px;
}

#overLayer .view .view_txt{
	position: absolute;
	width: 100%;	
	left: 0;
	bottom: 10px;	
	text-align: center;
	font-size: 120%;
	letter-spacing: 0;
	color: #FFF;
}
@media screen and (max-width: 800px) {
	#overLayer .view .view_img > p > img{
		width: 100%;
	}
	#overLayer .view .close {	
		width: 40px;
	}
	#overLayer .view .txt{
		top: 90%;	
	}	
	#overLayer .view .txt .prev_arrow{
		width: 40px;
		left: 10px;
	}
	#overLayer .view .txt .next_arrow{
		width: 40px;
		right: 10px;
	}
	#overLayer .view .close img,
	#overLayer .view .txt .prev_arrow img,
	#overLayer .view .txt .next_arrow img{
		width: 100%;
	}

}