/* New in version 1.7+ */
 #slider {
  width: 500px;
  height: 400px;
  list-style: none;
 }
 /* images with caption */
 #slider img {
  width: 100%;
  height: 100%;
 }
 /* position the panels so the captions appear correctly */
 #slider .panel { position: relative; }
 /* captions */
 #slider .caption-top, #slider .caption-right,
 #slider .caption-bottom, #slider .caption-left {
  background: #000;
  color: #fff;
  padding: 10px;
  margin: 0;
  position: absolute;
  z-index: 10;
  opacity: .8;
  filter: alpha(opacity=80);
 }
 /* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
 #slider .caption-top {
  left: 0;
  top: 0;
  width: 480px;
  height: 30px;
 }
 /* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
 #slider .caption-right {
  right: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Bottom caption - padding is included in the width (480px here, 500px in the script), same for height */
 #slider .caption-bottom {
  left: 0;
  bottom: 0;
  width: auto;
  /*height: 30px;*/
  height: auto;
 }
 /* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
 #slider .caption-left {
  left: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Caption close button */
 .caption-top .close, .caption-right .close,
 .caption-bottom .close, .caption-left .close {
  font-size: 80%;
  cursor: pointer;
  float: right;
  display: inline-block;
 }