.carousel{width:944px;height:340px;position:relative;margin:0 auto}.carousel>ol{margin: 0; list-style-type:none;width:100%;height:100%;overflow:hidden;position:absolute;padding:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.carousel>ol>li{width:100%;height:100%;text-align:center;position:absolute;left:0;top:0;margin:0;display:none}.carousel>ol,.carousel>ol>li{-webkit-perspective:1600px;-ms-perspective:1600px;perspective:1600px;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.carousel>ol>li.active{left:0;top:0;display:block;z-index:0}.carousel>ol>li.next{z-index:1;display:block}.carousel>.pg_btns{position:absolute;overflow:auto;z-index:10;bottom:-10px;left:10px}.carousel>.pg_btns>ol{margin:0 auto;height:100%;padding:0;list-style-type:none;display:block;overflow:auto}.carousel>.pg_btns li{list-style-type:none;float:left;display:inline-block;overflow:auto;margin-left:10px}.carousel>.pg_btns a{overflow:none;display:block;margin:0;width:40px;height:40px;position:relative}.carousel>.pg_btns a>div.pgbtnotr{margin:0 auto;top:13px;width:16px;height:16px;position:relative}.carousel .pg_btn{width:8px;height:8px;display:block;background:#d2d2d2;border:2px solid #fff;-webkit-transition:background 50ms ease-in-out,border 50ms ease-in-out;transition:background 50ms ease-in-out,border 50ms ease-in-out; border-radius: 16px;}.carousel .active .pg_btn{background:#000}.carousel .trnsbtn{background:#fff;filter:alpha(opacity=0);opacity:0;width:40px;height:40px;position:absolute}.red{background-color:#C00}.green{background:#0C0}.blue{background:#00C}.purple{background:#80F}.orange{background:#FC0}.slideleft{-webkit-transform:translateX(-896px)}.carousel.testCSS .next,.carousel.testCSS .active{transition-property:left,top,transform;-webkit-transition-property:left,top,-webkit-transform;transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out}.carousel.testCSS .before{display:block}.carousel.testCSS .transitioning{display:block}.carousel.testCSS .before.active{left:0}.carousel.testCSS .before.next{left:100%}.carousel.testCSS .transitioning.active{left:-100%}.carousel.testCSS .transitioning.next{left:0}