.backgrounds {
   position: relative;
   overflow: hidden;
   max-height: 100%;
}

.backgrounds .background {
   position: relative;
   display: block;
   width: 100%;
   height: auto;
   background-position: center top;
   background-size: cover;
   bottom: 0px;
   top: auto
}

.backgrounds > .cycle-prev,
.backgrounds > .cycle-next {
   position: absolute;
   top: 50%;
   margin-top: -40px;
   width: 60px;
   height: 80px;
   background-color: rgba(0, 0, 0, 0.5);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 21px auto;
   z-index: 999;
   cursor: pointer;
}

.backgrounds > .cycle-prev {
   left: 20px;
   background-image: url(../../../../uploads/theme/other/prev.png);
}

.backgrounds > .cycle-next {
   right: 20px;
   background-image: url(../../../../uploads/theme/other/next.png);
}