.liquid {
    border: 2px solid rgb(70, 70, 70);
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    padding: 47px 0 40px 0;
}

.liquid .previous {
    display: block;
    width: 64px;
    height: 176px;
    background-image: url('../img/previous.png');
    float: left;
    margin: 32px 0 0 0;
    padding: 0;
}

.liquid .previous:hover {
    display: block;
    width: 64px;
    height: 176px;
    background-image: url('../img/previous-h.png');
    float: left;
    margin: 32px 0 0 0;
    padding: 0;
}

.liquid .next {
    display: block;
    width: 64px;
    height: 176px;
    background-image: url('../img/next.png');
    float: right;
    margin: 32px 0 0 0;
    padding: 0;
}

.liquid .next:hover {
    display: block;
    width: 64px;
    height: 176px;
    background-image: url('../img/next-h.png');
    float: right;
    margin: 32px 0 0 0;
    padding: 0;
}

.liquid ul li {
    width: 172px;
    padding: 0 2px;
    margin: 0;
}

.liquid ul li a img {
    -moz-box-shadow: 2px 2px 3px -1px #222;
    -webkit-box-shadow: 2px 2px 3px -1px #222;
    -o-box-shadow: 2px 2px 3px -1px #222;
    box-shadow: 2px 2px 3px -1px #222;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#222, Direction=134, Strength=3);
    max-width: 172px;
}

@media(max-width: 640px) {
    .liquid {
        padding: 47px 0 40px 0;
    }
    .liquid .previous {
        height: 144px;
        width: 32px;
        background-image: url('../img/previous-16.png');
    }
    .liquid .previous:hover {
        height: 144px;
        width: 32px;
        background-image: url('../img/previous-h-16.png');
    }
    .liquid .next {
        height: 144px;
        width: 32px;
        background-image: url('../img/next-16.png');
    }
    .liquid .next:hover {
        height: 144px;
        width: 32px;
        background-image: url('../img/next-h-16.png');
    }
    .liquid ul li {
        width: 172px;
        padding: 0 2px 0 7px;
        margin: 0;
    }
}