.js_image_overlay { position: relative; }
.slidebtn.slide_next { right: -75px; }
.slidebtn.slide_prev { left: -75px; }
.js_image_overlay .slidebtn {
	position: absolute;
	top: 50%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	width: 50px;
	height: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.js_image_overlay .slidebtn::before, .js_image_overlay .slidebtn::after {
	height: 50px;
}

.js_image_overlay .slidebtn svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.js_image_overlay .slidebtn .icon-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.js_image_overlay .slidebtn::before,
.js_image_overlay .slidebtn::after,
.js_image_overlay .slidebtn .icon-wrap::before,
.js_image_overlay .slidebtn .icon-wrap::after {
	position: absolute;
	left: 50%;
	width: 2px;
	background: #EEFFFF;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	outline: 1px solid transparent; /* for FF */
}

.js_image_overlay .slidebtn .icon-wrap::before,
.js_image_overlay .slidebtn .icon-wrap::after {
	z-index: 100;
	height: 0;
	background: #9487C3;
	-webkit-transition: height 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, transform 0.3s;
}

.js_image_overlay .slidebtn::before,
.js_image_overlay .slidebtn .icon-wrap::before {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-120deg);
	transform: translateX(-50%) rotate(-120deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.js_image_overlay .slidebtn.slide_prev::before,
.js_image_overlay .slidebtn.slide_prev .icon-wrap::before {
	-webkit-transform: translateX(0%) rotate(205deg);
	transform: translateX(0%) rotate(205deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.js_image_overlay .slidebtn.slide_prev::after,
.js_image_overlay .slidebtn.slide_prev .icon-wrap::after {
	-webkit-transform: translateX(-0%) rotate(-385deg);
	transform: translateX(-0%) rotate(-385deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}


.js_image_overlay .slidebtn.slide_next::before,
.js_image_overlay .slidebtn.slide_next .icon-wrap::before {
	-webkit-transform: translateX(0%) rotate(150deg);
	transform: translateX(0%) rotate(150deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.js_image_overlay .slidebtn::after,
.js_image_overlay .slidebtn .icon-wrap::after {
	top: 50%;
	-webkit-transform: translateX(-0%) rotate(120deg);
	transform: translateX(-0%) rotate(120deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.js_image_overlay .slidebtn.slide_next::after,
.js_image_overlay .slidebtn.slide_next .icon-wrap::after {
	-webkit-transform: translateX(-0%) rotate(27deg);
	transform: translateX(-0%) rotate(27deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.js_image_overlay .slidebtn:hover .icon-wrap::before,
.js_image_overlay .slidebtn:hover .icon-wrap::after {
	height: 50px;
}

.js_image_overlay .slidebtn.slide_prev:hover::before,
.js_image_overlay .slidebtn.slide_prev:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(205deg);
	transform: translateX(-50%) rotate(205deg);
}

.js_image_overlay .slidebtn.slide_next:hover::before,
.js_image_overlay .slidebtn.slide_next:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(150deg);
	transform: translateX(-50%) rotate(150deg);
}

.js_image_overlay .slidebtn.slide_prev:hover::after,
.js_image_overlay .slidebtn.slide_prev:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(-385deg);
	transform: translateX(-50%) rotate(-385deg);
}

.js_image_overlay .slidebtn.slide_next:hover::after,
.js_image_overlay .slidebtn.slide_next:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(27deg);
	transform: translateX(-50%) rotate(27deg);
}

.js_image_overlay .slidebtn {
	/*display: none;*/
}