.ohp-image-slider {
    background:#fff;
    text-align:left;
    position:relative;
    width:100%;
    overflow:hidden;
}
.ohp-image-slider * {
	box-sizing:border-box !important;
}

.ohp-image-slider > ul.slider {
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
    height:100%;
}
.ohp-image-slider > ul.slider > li {
    display:block;
    float:left;
    height:100%;
    overflow:hidden;
    padding:0;
}
.ohp-image-slider > ul.slider > li:last-of-type {
    width:80%;
}

.ohp-image-slider > div.caption {
	background:rgba(255,255,255,0.5);
	left:0;
    bottom:0;
	position:absolute;
	width:100%;
    margin:0;
    transition:0.2s;
	z-index:50;
    opacity:0;
}
.ohp-image-slider > div.caption > div {
	color:#000;
	font-size:1.8rem;
	line-height:1.4;
	padding:10px;
	text-align:center;
}
.ohp-image-slider > .slider-prev,
.ohp-image-slider > .slider-next {
    bottom:calc( 50% - 20px);
    cursor:pointer;
    opacity:0.6;
    padding:10px;
    position:absolute;
    transition:0.2s;
    width:100px;
    height:60px;
}
.ohp-image-slider > .slider-prev:hover,
.ohp-image-slider > .slider-next:hover {
	opacity:1;
}
.ohp-image-slider > .slider-prev {
	background:#fff url(jquery.ohp_image_slider.img/prev.svg) right 15px center no-repeat;
	background-size:24px 38px;
	border-radius:10px;
	left:-50px;
}
.ohp-image-slider > .slider-next {
	background:#fff url(jquery.ohp_image_slider.img/next.svg) left 15px center no-repeat;
	background-size:24px 38px;
	border-radius:10px;
	right:-50px;
}
.ohp-image-slider > .slider-prev:hover {
    background-position:right 20px center;
}
.ohp-image-slider > .slider-next:hover {
    background-position:left 20px center;
}

.ohp-image-slider > ul.buttons {
	text-align:center;
	position:absolute;
	bottom:-40px;
	width:100%;
    margin:0;
    padding:0;
	z-index:51;
}
.ohp-image-slider > ul.buttons li {
	cursor:pointer;
	display:inline-block;
	background:rgba(100,100,100,0.7);
	width:14px !important;
	height:14px;
	border-radius:14px;
	margin:10px;
    padding:0;
	transition:0.2s;
	float:none;
}
.ohp-image-slider > ul.buttons li[aria-selected=true] ,
.ohp-image-slider > ul.buttons li:hover {
	background:rgba(100,100,100,1);
}