.container {
   margin: 70px auto 20px auto;
   width: 300px;
   height: 220px;
   position: relative;
   perspective: 1000px;
}

.carousel {
   height: 100%;
   width: 100%;
   position: absolute;
   transform-style: preserve-3d;
   transition: transform 5s;
}

.item {
   display: block;
   position: absolute;
   /*   background: #f0b999;*/
   left: 20px; 
   width: 270px;
   height: 180px;
   line-height: 180px;
   opacity: 0.95;
   
/*   cursor: pointer;   */

   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 5px outset #ffffff;
   
   -webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.55);
   -moz-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.55);
   box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.55);
}

.a {
   transform: rotateY(0deg) translateZ(250px);
   background: #000000;
}
.b {
   transform: rotateY(60deg) translateZ(250px);
   background: #000000;
}
.c {
   transform: rotateY(120deg) translateZ(250px);
   background: #000000;
}
.d {
   transform: rotateY(180deg) translateZ(250px);
   background: #000000;
}
.e {
   transform: rotateY(240deg) translateZ(250px);
   background: #000000;
}
.f {
   transform: rotateY(300deg) translateZ(250px);
   background: #000000;
}

.carouselimg {
   width: 270px;
   height: 180px;
   -moz-border-radius: 0;
   border-radius: 0;
   -webkit-border-radius: 0;
   box-shadow: none;   
}

.carouseltxt {
/*   z-index: 100;*/
   position: absolute; 
   line-height: 1;
   left: 0;
   top: 20px;
   padding-left: 20px;
   padding-right: 20px;
   text-align: left;
   
   color: #FFFFFF;
   font-size: 1.2em;
   font-weight: bold;
   text-shadow: 4px 4px 9px rgba(0,0,0,1.0);
   
   cursor: zoom-in;
}