.carousel {width: 100%;}
.carousel img {width: 100%; display: block;}
.carousel .item {overflow: hidden}
.carousel .item {z-index: 800; opacity: 0; filter: alpha(opacity=0);}
.carousel-notactive .current {opacity: 1; filter: alpha(opacity=100);}
.carousel .item .previous, .carousel .item .next, .carousel .item .current {z-index: 900}

.carousel { position: relative}
.carousel .carousel-content {overflow: hidden; position: relative}
.carousel .carousel-content .carousel-buttons {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
}
.carousel .carousel-content .carousel-buttons a {
    color: #fff;
    font-size: 1.7em;
    text-decoration: none;
}

.carousel .carousel-content .carousel-buttons i {
    position: relative;
    top: 0px;
}

.carousel .carousel-content .carousel-buttons .play i {
    left: 1px;
}

.carousel .carousel-content .carousel-buttons {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.carousel .item {display: none; top: 0; position: absolute;}
.carousel .item.current {position: relative}
.carousel .carousel-caption {position: absolute; bottom: 0; width: 100%}
.carousel .carousel-caption p {margin: 0; padding: 10px 20px}
.carousel .current, .carousel .next, .carousel .previous, .carousel .farprevious, .carousel .farnext {display: block;}
.carousel .carousel-nav {display: none}
.carousel-active .carousel-nav {display: block;}
div.carousel-nav-previous {position: absolute; left: 0; z-index: 999}
div.carousel-nav-next {position: absolute; right: 0; z-index: 999}
.carousel-nav div a {display: block;}