body {padding: 0px; margin: 0px; background-color: #000; font-family: helvetica, arial, verdana, sans-serif; color: hsla(0,0%,100%,1);}


        .slider {
            position: absolute;
        }
        .slider div, .slider div:hover, .slider .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../images/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .slider div { background-position: -7px -7px; }
        .slider div:hover, .slider .av:hover { background-position: -37px -7px; }
        .slider .av { background-position: -67px -7px; }
        .slider .dn, .slider .dn:hover { background-position: -97px -7px; }

        .slider-l, .slider-r {
            display: block;
            position: absolute;
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../images/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .slider-l { background-position: -10px -31px; }
        .slider-r { background-position: -70px -31px; }
        .slider-l:hover { background-position: -130px -31px; }
        .slider-r:hover { background-position: -190px -31px; }
        .slider-l.slider-ldn { background-position: -250px -31px; }
        .slider-r.slider-rdn { background-position: -310px -31px; }
        .slider-l.slider-lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .slider-r.slider-rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }