@charset "UTF-8";
/* CSS Document */
 
#overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100;
        background: rgba(0,0,0,1);
}
 .overraytitle{
	 font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#000;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	margin-left:auto;
	margin-right:auto;
 }

 .overrayimage2{
	text-align:center;
	vertical-align:middle;
	position:relative;
}

#overraycaption{
	line-height:1.6em;
	display:none;
	position:absolute;
	text-align:left;
	left:25%;
	bottom:0;
	padding:5px;
	z-index: 100;
	background-color: rgba(255,255,255,0.7);
}
#overrayhidetext{
	display:none;
}
.overraysumnalebox{
	background-color:#CCC;
	width:100%;
	text-align:center;
	bottom:0;
	padding:0px 0px 25px 0px;
}
.overraycaptionopen{
	width:50%;
	text-align:center;
	background-color:#CCC;
	height:2em;
	line-height:2em;
	cursor:pointer;
	color:#000;
	margin:0 auto;
}
.overraycaptionopen:hover{
	color:#000;
	transition:0.5s;
	background-color:#ddd;
}
#overraycaptiontrigerup{
	background:#ddd;
	color:#333;
	display:none;
}
#overraycaptiontrigerdown{
	display:none;
}
#overraycaptiontrigernone{
	width:50%;
	text-align:center;
	background-color:#CCC;
	height:2em;
	line-height:2em;
	margin:0 auto;
}

.overraysumnale{
	text-align:center;
	margin:0 auto;
}
.overraysumnalebox img{
	margin:3px;
	cursor:pointer;
}
.overraysumnalebox img:hover{
	opacity:0.8;
}
#close{
	position:absolute;
	top:0;
	text-align:center;
	right:35px;;
	width:50px;
	height:50px;
	background-color:#fff;
	line-height:50px;
	font-size:16px;
	color:#666;
	cursor:pointer;
}
#close:hover{
	color:#000;
	transition:.5s;
}