.skin .controls .basic,
.skin .controls .pages {
    background:     none;
    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 {
    top:         0;
}
.skin .controls .basic {
    bottom:            0;
}
.skin .controls li {
	display:    -moz-inline-box;
    display:    inline-block;
    *display:   inline;
    padding:    4px 8px;
    zoom: 1;
}
.skin .controls li {
	background:     url(../img/slider/next.png) no-repeat;
}
.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;
}