@charset "utf-8";
/* CSS Document */
.img-Carousel-bg { background: url(../Image/icon-imgbg.png) repeat-x; height: 511px; }
.img-Carousel-bg .img-Carousel { width: 100%; height: 100%; }
.img-Carousel ul { position: relative; height: 100%; width: 100%; overflow: hidden; perspective: 500px; perspective-origin: 50px center; transform-style: preserve-3d; }
.img-Carousel ul li { position: absolute; width: 650px; height: 433px; border: 1px solid #fff; top: 50%; margin: -216px 0 0 -325px; left: 50%; z-index: 10; transition: all 1s ease; display: none; }
.img-Carousel ul li img { width: 100%; height: 100%; }
.img-Carousel ul li.img-Carousel1 { display: block; width: 424px; height: 288px; top: 50%; margin: -144px 0 0; left: 0; z-index: 5; transform: rotateY(30deg); transform-origin: left center;-webkit-transform-origin: left center;-webkit-transform: rotateY(30deg); }
.img-Carousel ul li.img-Carousel3 { display: block; width: 424px; height: 288px; top: 50%; margin: -144px 0 0;  left: 581px; z-index: 5; -webkit-transform: rotateY(0deg); transform: rotateY(-90deg);transform-origin: right center; -webkit-transform-origin: right center;}.img-Carousel ul li.now { display: block; z-index: 15; }
.img-Carousel ul li p { font-size: 12px; display: none; _display: block; position: absolute; bottom: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); color: #fff; }
.img-Carousel ul li:hover p { display: block; }
.img-Carousel-left, .img-Carousel-right { cursor: pointer; position: absolute; top: 50%; margin-top: -24px; left: -40px; z-index: 100; }
.img-Carousel-right { left: auto; right: -40px; }
.img-Carousel-left:hover, .img-Carousel-right:hover { color: #00a0d5; }
.img-Carousel-drop { position: absolute; bottom: 6px; width: 100%; text-align: center; }
.img-Carousel-drop i { display: inline-block; width: 14px; height: 14px; line-height: 14px; font-size: 10px; border-radius: 7px; background: #fff; margin: 0 5px 0 0; _margin-left: 5px; }
.img-Carousel-drop i.now { background: #00a0d5; }