.pp-product-slider {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #ccc;
}

    .pp-product-slider .pp-product-slider-head {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 5px;
        background: #eee;
        border-bottom: 1px solid #ccc;
    }

    .pp-product-slider .pp-product-slider-head-text {
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        z-index: 200;
    }

    .pp-product-slider .pp-product-slider-navi {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 210;
    }

    .pp-product-slider .pp-product-slider-navi-arrow {
        position: relative;
        float: left;
        left: 5px;
        top: 5px;
        font-size: 16px;
        color: #888;
        border: 1px solid #ccc;
        line-height: 30px;
        width: 30px;
        text-align: center;
        height: 30px;
        background: #e3e2e2;
        border-radius: 2px;
        cursor: pointer;
    }

        .pp-product-slider .pp-product-slider-navi-arrow.pp-ps-prev {
        }

        .pp-product-slider .pp-product-slider-navi-arrow.pp-ps-next {
            float: right;
            left: initial;
            right: 5px;
        }

    .pp-product-slider .pp-product-slider-view {
        position: relative;
        overflow: hidden;
        z-index: 211;
    }

    .pp-product-slider .pp-ps-container {
        position: relative;
    }

        .pp-product-slider .pp-ps-container .pp-ps-page {
            position: relative;
            float: left;
            padding: 10px;
        }

            .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product {
                position: relative;
                float: left;
                margin-right: 2%;
            }

                .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product.pp-ps-col4 {
                    width: 23.5%;
                }

                    .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product.pp-ps-col4:nth-child(4n) {
                        margin-right: 0;
                    }

                .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product.pp-ps-col3 {
                    width: 32%;
                }

                    .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product.pp-ps-col3:nth-child(3n) {
                        margin-right: 0;
                    }
                .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product.pp-ps-col2 {
                    width: 49%;
                }

                    .pp-product-slider .pp-ps-container .pp-ps-page .pp-ps-product.pp-ps-col2:nth-child(2n) {
                        margin-right: 0;
                    }