.carousel {
        position: relative;
        margin: 60px auto;
        margin-bottom: 0;
        width: 930px;
        height: auto;
        border: none;
        overflow: visible;
      }

      .carousel .slides {
        margin: 0;
        padding: 0;
        border: none;
        list-style: none;
        position: relative;
        overflow: visible;
      }

      .carousel .slides .slideItem {
        position: absolute;
        cursor: pointer;
        overflow: hidden;
        padding: 0;
        margin: 0;
        border: none;
      }

      .carousel .slides .slideItem a {
        display: block;
        text-decoration: none;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
      }

      .carousel .slides .slideItem img {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
        height: 100%;
      }

      .carousel .nextButton {
        position: absolute;
        right: -30px;
        top: 133px;
        width: 55px;
        height: 55px;
        background: url("../../images/default/right.png") center / contain no-repeat;
        cursor: pointer;
        z-index: 9999;
      }

      .carousel .prevButton {
        position: absolute;
        left: -30px;
        top: 133px;
        width: 55px;
        height: 55px;
        background: url("../../images/default/left.png") center / contain no-repeat;
        cursor: pointer;
        z-index: 9999;
      }