/* CSS Document */

#perspective 
{
  margin: 0 auto;
  text-align:center;
  margin-top: 20px;
  width: 62%;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

#carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg) translateZ(-288px);
}

#carousel figure {
  display: block;
  position: absolute;
  background: #2ecc71;
  width: 99%;
  opacity: 1;
  margin: 0px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  -moz-transition: opacity 1s, -moz-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  transition: opacity 1s, transform 1s;
}

figure li
{
margin:0 auto;
position:relative;
list-style:none;
text-align:center;
opacity:0.9;
margin-top:-355px;
line-height:35px;
min-width:150px;
max-width:350px;
background-color:#333;
visibility:hidden;
border-radius:0px 0px 5px 5px;
}

figure:hover li
{
visibility:visible;
transition-duration:1s;
color:#fff;
font-weight:bolder;
}