/**
 * PgwSlider - Version 2.3
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
.pgwSlider {
    width: 100%;
    color: #fff
}

    .pgwSlider a {
        display: block;
        text-decoration: none;
        color: #fff
    }

    .pgwSlider .ps-current {
        float: left;
        width: 74%;
        overflow: hidden;
        height: inherit;
        position: relative;
        font-size: 1rem
    }

    .pgwSlider.listOnTheLeft .ps-current {
        float: right
    }

    .pgwSlider .ps-current ul {
        width: 100%
    }

    .pgwSlider .ps-current li {
        width: 100%;
        z-index: 1;
        opacity: 0;
        display: none
    }

    .pgwSlider .ps-current img {
        max-width: 100%;
        min-width: 100%;
        height: auto;
        display: block;
        transition: margin-top 250ms linear
    }

    .pgwSlider .ps-caption {
        position: absolute;
        width: 100%;
        padding: 12px;
        background: rgba(0, 0, 0, 0.7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        left: 0;
        bottom: 0;
        display: none;
        z-index: 3
    }

    ul.pgwSlider,
    .pgwSlider ul {
        float: right;
        width: 25%;
        padding: 0;
        list-style: none;
        margin: 0
    }

        ul.pgwSlider.listOnTheLeft,
        .pgwSlider.listOnTheLeft > ul {
            float: left
        }

        ul.pgwSlider > li,
        .pgwSlider > .ps-list > li {
            height: 50px;
            margin-bottom: 6px;
            overflow: hidden;
            position: relative;
            opacity: .6;
            filter: alpha(opacity=60);
            font-size: 1.1rem;
            transition: opacity 200ms linear
        }

            ul.pgwSlider > li:last-child,
            .pgwSlider > ul > li:last-child {
                margin-bottom: 0
            }

            ul.pgwSlider > li span,
            .pgwSlider > .ps-list > li span {
                display: block;
                width: 100%;
                position: absolute;
                bottom: 0;
                padding: 5px;
                background: rgba(0, 0, 0, 0.7);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            ul.pgwSlider > li:hover,
            .pgwSlider > ul > li:hover {
                opacity: 1 !important
            }

            ul.pgwSlider > li img,
            .pgwSlider > ul > li img {
                width: 100%;
                min-height: 100%;
                display: block;
                transition: margin-top 250ms linear
            }

    .pgwSlider .ps-prevIcon {
        border-color: transparent #fff transparent;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        display: block
    }

    .pgwSlider .ps-nextIcon {
        border-color: transparent #fff transparent;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        display: block
    }

    .pgwSlider .ps-current .ps-prev {
        background: rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
        border: 1px solid #777;
        border-left: 0;
        border-radius: 0 4px 4px 0;
        position: absolute;
        padding: 20px 20px 20px 17px;
        left: 0;
        top: 45%;
        cursor: pointer
    }

    .pgwSlider .ps-current .ps-next {
        background: rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
        border: 1px solid #777;
        border-right: 0;
        border-radius: 4px 0 0 4px;
        position: absolute;
        padding: 20px 17px 20px 20px;
        right: 0;
        top: 45%;
        cursor: pointer
    }

    ul.pgwSlider.wide > li,
    .pgwSlider.wide > ul > li {
        width: 100% !important
    }

    .pgwSlider.narrow .ps-current {
        margin-bottom: 6px;
        font-size: .8rem
    }

        .pgwSlider.narrow .ps-current img {
            width: 100%;
            min-height: inherit
        }

    .pgwSlider.narrow .ps-current,
    ul.pgwSlider.narrow,
    .pgwSlider.narrow > ul {
        width: 100%
    }

        ul.pgwSlider.narrow > li,
        .pgwSlider.narrow > .ps-list > li {
            float: left;
            min-height: 50px;
            max-height: 70px;
            min-width: 15%;
            font-size: .7rem;
            margin-bottom: 0
        }

        ul.pgwSlider.narrow.listOnTheLeft > li,
        .pgwSlider.narrow.listOnTheLeft > ul > li {
            float: right
        }

    .pgwSlider.narrow .ps-caption {
        padding: 8px;
        font-size: 14px;
    }

    .pgwSlider.narrow .ps-current .ps-prev {
        padding: 15px 15px 15px 12px;
        top: 40%
    }

    .pgwSlider.narrow .ps-current .ps-next {
        padding: 15px 12px 15px 15px;
        top: 40%
    }