h3 { text-align: center; color: #828282; }
body { /* background-color:#2d2d2d */ }
.vui-slider { position: relative; overflow: hidden; background: #999; }
.vui-slider .vui-items { overflow: hidden; width: 100%; height: 100%; }
.vui-slider .vui-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vui-slider .vui-item a, .vui-slider .vui-item img { display: block; padding: 0; margin: 0; border: 0; }
.vui-slider .vui-buttons { position: absolute; z-index: 5; bottom: 16px; left: 50%; float: left; display: inline; filter: alpha(Opacity=80); -moz-opacity: .8; opacity: .8; }
.vui-slider .vui-button { float: left; display: inline; overflow: hidden; height: 12px; width: 12px; margin: 0 10px; padding: 0; border: 0; border-radius: 6px; background: #fff; cursor: pointer; }
.vui-slider .vui-button-cur { background-color: #c00; }
.vui-slider .vui-transfer { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.vui-slider .vui-prev { position: absolute; top: 50%; left: 0; z-index: 5; width: 60px; height: 150px; margin-top: -75px; border-radius: 0 10px 10px 0; background: url(prev.gif) no-repeat; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; transition: .5s ease; -o-transition: .5s ease; -webkit-transition: .5s ease; }
.vui-slider .vui-next { position: absolute; top: 50%; right: 0; z-index: 5; width: 60px; height: 150px; margin-top: -75px; border-radius: 10px 0 0 10px; background: url(next.gif) no-repeat; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; transition: .5s ease; -o-transition: .5s ease; -webkit-transition: .5s ease; }
.vui-slider .vui-sidebutton-hover { filter: alpha(opacity=40); -moz-opacity: .4; -khtml-opacity: .4; opacity: .4; background-color: #000; }