.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slider .left, .slider .right {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 23px;
    height: 40px;
    cursor: pointer;
}
.slider .left:hover, .slider .right:hover {
    opacity: .8;
}
.slider .left {
    background: url('/assets/images/slider/left.png') center no-repeat;
    left: 10px;
}
.slider .right {
    background: url('/assets/images/slider/right.png') center no-repeat;
    right: 10px;
}
.slider .img {
    position: absolute;
    display: none;
    top: 0;
    transition: linear margin-left 0.3s;
    width: 100%;
}
.slider .description {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}
.slider .img img {
    width: 100%;
}
.slider .images .img:first-child {
    display: block;
}