﻿.picScroll {
    position: relative;
    width: 550px;
    margin: 30px auto;
    padding: 0 1px;
    overflow: hidden;
}

    .picScroll .prev, .picScroll .next {
        display: block;
        position: absolute;
        left: 0;
        top: 45px;
        width: 34px;
        height: 110px;
        /*            background: url(../images/arrow.png) no-repeat;*/
    }

    .picScroll .next {
        left: auto;
        right: 560px;
        background-position: -34px 0;
    }

    .picScroll ul {
        overflow: hidden;
        zoom: 1;
    }

        .picScroll ul li {
            width: 550px;
            float: left;
            padding: 0 0px;
            overflow: hidden;
        }

        .picScroll ul a {
            position: relative;
            display: block;
            color: #fff;
        }

            .picScroll ul a:hover {
                color: #fff !important;
                text-decoration: underline;
            }

        .picScroll ul p {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 40px;
            line-height: 40px;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');
            background: rgba(0,0,0,0.6);
        }

        .picScroll ul li img {
            width: 550px;
            height: 300px;
            display: block;
            background: url(../images/loading.gif) center center no-repeat;
        }
