.box { border: 1px solid #ccc; width: 452px; height: 308px; padding: 24px 24px 16px; margin: 0 auto; }

.ui-coverslide { overflow: hidden; margin: 0 auto; margin-top: 20px; }
.ui-coverslide ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; width: 3000px; height: 350px; display: block; }
.ui-coverslide ul li { float: left; overflow: hidden; }

.ui-coverslide-stack { background: transparent; width: 861px; height: 318px; position: relative; overflow: hidden; }
.ui-coverslide-stack ul { width: 452px; height: 252px; position: relative; margin-left: -1px; }
.ui-coverslide-stack ul li {
    border: 5px solid #E2E2E2; background: #fff; width: 184px; height: 250px; position: absolute; top: -1000px; left: -1000px; opacity: 1 !important; margin: 0 !important;

    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
}

.ui-coverslide-stack ul li .image-caption {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    color: #000;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
}

.ui-coverslide-stack ul li .image-caption p {
    font-size: 93%;  /* 12px */
}

.ui-coverslide-stack ul li .image-caption h3 {
    font-size: 123.1%;  /* 16px */
}

.ui-coverslide-stack ul li .image-caption p.quote {
    font-size: 108%;  /* 14px */
}

.ui-coverslide-stack ul li .image-caption img {
    float: left;
    margin-right: 10px;
}

.ui-coverslide-stack ul li.ui-coverslide-stack-active { z-index: 100; top: 0px; left: 134px; width: 563px; height: 298px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-90 { z-index: 9; width: 166px; height: 275px; top: 13px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-80 { z-index: 8; width: 148px; height: 251px; top: 25px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-70 { z-index: 7; width: 128px; height: 225px; top: 38px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-60 { z-index: 6; width: 110px; height: 199px; top: 51px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-50 { z-index: 5; width: 92px; height: 175px; top: 63px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-40 { z-index: 4; width: 74px; height: 149px; top: 76px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-30 { z-index: 3; width: 55px; height: 124px; top: 88.5px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-20 { z-index: 2; width: 36px; height: 99px; top: 101px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-10 { z-index: 1; width: 18px; height: 74px; top: 113.5px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-0 { display: none; z-index: 0; width: 67px; height: 25px; top: 113.5px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-90-l { left: 72px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-90-r { left: 593px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-80-l { left: 30px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-80-r { left: 653px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-70-l { left: 1px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-70-r { left: 702px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-60-l { left: -20px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-60-r { left: 741px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-50-l { left: -40px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-50-r { left: 779px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-40-l { left: -60px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-40-r { left: 817px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-30-l { left: -70px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-30-r { left: 846px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-20-l { left: -80px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-20-r { left: 875px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-10-l { left: -90px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-10-r { left: 903px; }

.ui-coverslide-stack ul li.ui-coverslide-stack-0-l { left: -90px; }
.ui-coverslide-stack ul li.ui-coverslide-stack-0-r { left: 903px; }

.ui-slider { margin-top: 20px; }