.jcarousel-wrapper {
    position: relative;
    margin: 0px 0 10px;
    padding: 20px 0 30px;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}

    .jcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel li {
        width: 200px;
        float: left;
        border: 1px solid #fff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding: 0 15PX;
        position: relative;
    }
@media only screen and (max-width: 479px){
    .jcarousel li {
        padding: 0 5PX;
    }
}

    .jcarousel img {
        display: block;
        max-width: 100%;
        height: auto !important;
        margin: 0 auto;
        border: 1px solid #E6E6E6;
        position: relative;
        z-index: 1;
    }

    .jcarousel li a.img {
        position:relative;
         display:block
    }
    .jcarousel li span.spchitiet {
        background: #818181;
        border-top: 1px solid #c1c1c1;
        border-left: 1px solid #c1c1c1;
        text-transform: uppercase;
        padding: 1px 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        color: #fff;
        font-size: smaller;
    }
    .jcarousel li a.sp_title {
       /* display:block; */
       margin-top:10px;
       font-weight:bold;
       text-transform:uppercase;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
       display: -webkit-box;
    }

    .jcarousel img:hover {
        border: 1px solid #0087e0;
        box-shadow: 0 0 10px #9FD9FF;
    }

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 0;
}

    .jcarousel-pagination a {
        text-decoration: none;
        display: inline-block;
        font-size: 11px;
        height: 10px;
        width: 10px;
        line-height: 10px;
        background: #c1c1c1;
        color: #4E443C;
        text-indent: -9999px;
        margin-right: 7px;
    }

        .jcarousel-pagination a.active {
            background: #0088de;
            color: #fff;
            opacity: 1;
            border: 1px solid #fff;
            -webkit-box-shadow: 0 0 1px #0088de;
            -moz-box-shadow: 0 0 1px #0088de;
            box-shadow: 0 0 1px #0088de;
            height: 12px;
            width: 12px;
        }