.skin .controls .basic,
.skin .controls .pages {
    background:     #333;
    left:           0;
    position:       absolute;
    text-align:     center;
    width:          100%;
    filter:         alpha(opacity=70);
    -moz-opacity:   0.7;
    -khtml-opacity: 0.7;
    opacity:        0.7;
    z-index:        100;
    zoom: 1;
}
.skin .controls .pages {
    bottom:         0;
}
.skin .controls .basic {
    top:            0;
}
    .skin .controls li {
        display:    -moz-inline-box;
        display:    inline-block;
        *display:   inline;
        padding:    4px 8px;
        zoom: 1;
    }
    .skin .controls button {
        background:     url(../img/controls.png) no-repeat 0 0;
        border:         0;
        cursor:         pointer;
        height:         16px;
        position:       relative;
        text-indent:    -999em;
        width:          16px;
        zoom: 1;
    }
        .skin .controls .disabled button {
            filter:         alpha(opacity=30);
            -moz-opacity:   0.3;
            -khtml-opacity: 0.3;
            opacity:        0.3;
        }
        .skin .controls .pause button {
            background-position:    -16px 0;
        }
        .skin .controls .prev button {
            background-position: -32px 0;
        }
        .skin .controls .next button {
            background-position: -48px 0;
        }
        .skin .controls .pages button {
            background-position:    -32px -16px;
        }
            .skin .controls .pages .current button {
                background-position:    0 -16px;
            }