/* The Preloader in the Slider */
#iCarousel-preloader {
position: absolute;
z-index: 1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #000 1px solid;
border-color: rgba(0,0,0,0.6);
padding: 1px;
width: 150px;
height: 3px;
}
#iCarousel-preloader div {
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 3px;
background: #000;
background: rgba(0,0,0,0.6);
width: 0px;
}
/* The timer in the Slider */
#iCarousel-timer {
position: absolute;
z-index: 1000;
border-radius: 5px;
cursor: pointer;
display: none !important;
}
#iCarousel-timer div {
border-radius: 3px;
}
/*demo1 CSS start*/
.carousel-container {
width: 100%;
overflow: hidden;
}
#icarousel {
/*
width: 490px;
height: 400px;
position: relative;
margin: 20px auto;
*/
width: 260px;
height: 220px;
position: relative;
margin: 20px auto;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
#icarousel div.slide {
border-radius: 4px;
width: 260px;
height: 220px;
}
/* The Navigation buttons in the Slider */
a.iCarouselNav {
display: block;
position: absolute;
top: 178px;
width: 43px;
height: 43px;
background: url(../img/arrows.png) no-repeat;
z-index: 1000;
text-indent: -9999px;
}
a#iCarouselPrev {
left: 10px;
background-position: left top;
}
a#iCarouselPrev:hover {
background-position: left bottom;
}
a#iCarouselNext {
right: 10px;
background-position: right top;
}
a#iCarouselNext:hover {
background-position: right bottom;
}
#iCarousel-timer {
display: block;
opacity: 0.5;
width: 47px;
height: 47px;
top: 6px !important;
right: 10px !important;
}