html,body {
	margin:0;
	padding:0;
	height:100%;
}

ul.photo2 {
	width:320px;
}

ul.photo3 {
	width:600px;
	margin:0 auto;
    display: flex;
    justify-content: space-between;
}

ul.photo3 li{
    width:100px;
}

ul.photo3 li img{
    width:calc( 100% - 4px );
	box-sizing: border-box;
	border-radius: 5px;
}

ul.photo2 li,ul.photo3 li {
	float:left;
	list-style-type:none;
}

ul.photo2 li img,ul.photo3 li img {
	border:0;
	margin:2px 2px;
}

#glayLayer {
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:black;
	filter:alpha(opacity=60);
	opacity: 0.60;
}

* html #glayLayer {
	position:absolute;
}

#overLayer {
	display:none;
	position: fixed;
	top:50%;
	left:35%;
	margin-top:-444px;
	margin-left:50px;
}

* html #overLayer {
	position: absolute;
}