/* example ///////////////////////*/
.example{
position:relative;
border:0px #FF0000 solid;
}

.example img{
width:100%;
}

.example .slider_next{
position:absolute;
z-index:1000;
top:40%;
right:0;
cursor:pointer;
width:36px;
height:36px;
background:rgba(0,0,0,.3);
}

.example .slider_prev{
position:absolute;
z-index:1000;
top:40%;
left:0;
cursor:pointer;
width:36px;
height:36px;
background:rgba(0,0,0,.3);
}

.example .slider_next:before,
.example .slider_prev:before{
content: "";
display:block;
position:absolute;
top:30%;
width:12px;
height:12px;
border-top:2px #FFF solid;
border-left:2px #FFF solid;
}

.example .slider_next:before{
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
left:7px;
}
.example .slider_prev:before{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left:13px;