/* JavaScript Image Slider
*  @see	http://jsfiddle.net/foffka/d5yqnr1d/
 */

.slider {
    background-color: black;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.slider div {
    background-color: white;
    width: 100%;
    display: inline-block;
    display: none;
}
.slider div img {
    width: 100%;
    height: 200;
}
.slider > a {
    position: absolute;
    top: 40%;
    cursor: pointer;
}
.slidernext {
    right: 10px;
    width: 30px;
    height: 30px;
    border-right: 2px solid #c90;
    border-top: 2px solid #c90;
    transform: rotate(45deg);
}
.sliderprev {
    left: 10px;
    width: 30px;
    height: 30px;
    border-left: 2px solid #c90;
    border-top: 2px solid #c90;
    transform: rotate(-45deg);
}