#film_roll_1 {
    position: relative;
}

.film_roll_pager, .film_roll_pager {
    bottom: 2rem;
    margin-top: -5rem;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}


.film_roll_pager a, .film_roll_pager a {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    display: inline-block;
    height: 5px;
    margin: 0 5px 0 0;
    max-width: 5rem;
    transition: all 1s ease;
    width: 20%;
    cursor: hand;
}

.film_roll_pager a.active, .film_roll_pager a.active {
    background-color: #fff;
    border: 1px solid #fff;
}

.film_roll_pager a:hover, .film_roll_pager a:hover {
    background: #665;
}



#film_roll_1 .film_roll_next, #film_roll_1 .film_roll_prev, #film_roll_1 .film_roll_next, #film_roll_1 .film_roll_prev {
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 80px;
    font-weight: 400;
    height: 36px;
    line-height: 30px;
    margin: -20px 0 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 40px;
    z-index: 2;
}




@media (max-width: 767px) {
    .film_roll_pager a, .film_roll_pager a {
        max-width: 2rem;
    }
}