@media only screen and (max-width: 768px) {
	.op_image {
		cursor: default;
	}
}


@media only screen and (min-width: 768px) {
	.op_image {
		cursor: pointer;
	}
}


@media only screen and (min-width: 1024px) {
	.op_image {
		cursor: pointer;
	}
}


@media only screen and (min-width: 1250px) {
	.op_image {
		cursor: pointer;
	}
}


@media only screen and (min-width: 1400px) {
	.op_image {
		cursor: pointer;
	}
}


#op_image {
	display: none;
	left: 0;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 205;
}

#op0 {
	left: -40px;
}

#op1 {
	right: -40px;
}

#op2 {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 210;
}

#op3 {
	font-size: 20px;
	color: #fff;
	right: -40px;
	top: 20px;
	cursor: pointer;
	position: fixed;
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
	z-index: 225;
}

#op4 {
	right: 50%;
}

#op5 {
	left: 50%;
}

#op6 {
	left: 50%;
	/*max-height: 100%;
	max-width: 100%;*/
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	top: 50%;
	width: auto;
}

#op7 {
	background-color: rgba(0, 0, 0, 0.6);
	border-top: 1px solid #000;
	display: none;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 15px;
	position: fixed;
	left: 50%;
	z-index: 210;
}

.op8 {
	color: #fff;
	display: none;
	font-size: 40px;
	cursor: pointer;
	position: fixed;
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
	z-index: 220;
	top: 47%;
}

.op9 {
	display: none;
	height: 100px;
	position: fixed;
	top: 50%;
	width: 100px;
	z-index: 215;
}

#op10  {
	background-color: rgba(0, 0, 0, 0.9);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}