.slide-carousel .indicator-list { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; z-index: 100; } .slide-carousel .indicator-list a { display: inline-block; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; background-color: rgba(255, 255, 255, 0.5); margin-left: 5px; } .slide-carousel .indicator-list a.selected { background-color: #fff; } .slide-carousel .controls { opacity: 0; } .slide-carousel .controls a { cursor: pointer; text-decoration: none; width: 26px; height: 40px; position: absolute; background: url("../images/lb-arrwo.png") no-repeat; color: #fff; font-size: 35px; z-index: 9; } .slide-carousel .controls a:hover { background-position-x: -26px; } .slide-carousel .controls .item-prev { background-position-y: 0; top: 50%; left: 10px; margin-top: -20px; } .slide-carousel .controls .item-next { background-position-y: -40px; top: 50%; right: 10px; margin-top: -20px; } .slide-carousel .desc { height: 72px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 99; } .slide-carousel .desc strong { color: #fff; font-size: 20px; line-height: 72px; margin-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .slide-carousel:hover .controls { opacity: 1; transition: opacity 0.2s ease; }