.carouselContainer{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:-2;
    box-shadow: 30px 30px 5px red/*rgb(236,249,255)*/;
}
.carouselBox{
    list-style:none;
    margin:0;
    padding:0;
}
.carouselBox .item{
    position:absolute;
}
.active {
    z-index: 10;
}
.carouselCtrl{
    text-align: center;
    width:80%;
    height:5%;
    min-height:8px;
    position:absolute;
    bottom:10%;
    left:50%;
    transform: translate(-50%,0);
    z-index:15;
}
.carouselCtrl li{
    display: inline-block;
    margin:0 .5%;
    width:8px;
    height:8px;
    background:url("../img/icon/white-cir.png") no-repeat;
    cursor: pointer;
}
.carouselCtrl li.active{
    background:url("../img/icon/blue-cir.png") no-repeat;
}
#prev{
    position:absolute;
    width:50px;
    height:90px;
    left:0;
    top:50%;
    transform: translate(0,-50%);
    z-index:50;
    background:rgba(77,98,75,0.75);
    border:none;
    cursor: pointer;
}
#next{
    position:absolute;
    width:50px;
    height:90px;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    z-index:50;
    background:rgba(77,98,75,0.75);
    border:none;
    cursor: pointer;
}