body {
    width: 970px;
    height: 250px;
    overflow-y: hidden;
    overflow-x: hidden;
}

/*  The adslot has a height of 240px, the slider has a heigth of 230px because the cube
    slides + shadow of each slide is better visible. You can adjust this to any size you
    want (max 240px). Keep in mind that this is also the size of your images. For double
    resolutions you can use the doubled size of the swiper-container width and height. */

.swiper-container {
    width: 970px;
    height: 250px;
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    margin: auto;
}
/* image in slide */
.swiper-slide {
    background-size: cover;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
    width: 40px;
    height: 50px;
   -moz-background-size: 27px 30px;
   -webkit-background-size: 27px 30px;
   background-size: 27px 30px;

}
/* paginationType progressbar */
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
}
/* paginationType bullet */
.swiper-pagination-bullet-active {
    background: white;
}

#right {
    right: 8px;
    background-image: url("right.png") !important;
    background-repeat: no-repeat;
    background-position: center right;
}


#left {
    left: 6px;
    background-image: url("left.png") !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.btn {
    position: absolute;
    top: 360px;
    width: 25px;
    height: 25px;
    z-index: 50;
    cursor: pointer;
    background-size: 100%;
}