jQuery两组图片滑块展示轮播滚动切换特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jQuery两组图片滑块展示轮播滚动切换特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>jQuery两组图片滑块展示</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Le styles -->
    <link href="demo/assets/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="demo/assets/css/style.css" />
    
    <link rel="stylesheet" href="css/lush.animations.css" />        
    <link rel="stylesheet" href="css/lush.min.css" />
    
    <link href="demo/assets/css/bootstrap-responsive.css" rel="stylesheet">  
	
	<style>
		
		#carousel-1 img {
			border: 1px solid rgba(0, 0, 0, 0.2);
		}
		
	</style>
	
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	<script src="ga.js"></script>
  </head>

  <body>
    
    
    
    <div class="container">

      <div class="masthead">
        <h2 class="muted"></h2>

      </div>

		<ul class="lush-slider flat no-shadow" style="max-width: 700px" id="carousel-1"
        data-base-width="1100" data-base-height="220">
		    <li 
		    	data-slide-in="at 0  from back use easeOutExpo during 1000" 
		    	data-slide-out="at 100 to bottom use easeInExpo during 500">
		        
		        <img src="carousel/carousel1.jpg" class="img-polaroid" style="top: 38px; left: 224px; " />
		        <img src="carousel/carousel2.jpg" class="img-polaroid" style="top: 38px; left: 448px; " />
		        <img src="carousel/carousel3.jpg" class="img-polaroid" style="top: 38px; left: 672px; " />
		        
		        
		    </li>			
		    <li 
		    	data-slide-in="at 0  from back use easeOutExpo during 1000" 
		    	data-slide-out="at 100 to bottom use easeInExpo during 500">
		        
		        <img src="carousel/carousel4.jpg" class="img-polaroid" style="top: 38px; left: 224px; " />
		        <img src="carousel/carousel2.jpg" class="img-polaroid" style="top: 38px; left: 448px; " />
		        <img src="carousel/carousel5.jpg" class="img-polaroid" style="top: 38px; left: 672px; " />
		        
		    </li>

		</ul>

      <hr>


		<ul class="lush-slider flat dark no-shadow" style="max-width: 700px" id="carousel-2"
        data-base-width="1100" data-base-height="220">
		    <li 
		    	data-slide-in="plus 100 from right use easeOutExpo during 1000" 
		    	data-slide-out="plus 100 to left use easeInExpo during 500">
		        
		        <img src="carousel/carousel1.jpg" class="img-polaroid" style="top: 38px; left: 224px; " />
		        <img src="carousel/carousel2.jpg" class="img-polaroid" style="top: 38px; left: 448px; " />
		        <img src="carousel/carousel3.jpg" class="img-polaroid" style="top: 38px; left: 672px; " />
		        
		    </li>			
		    <li 
		    	data-slide-in="plus 100 from right use easeOutExpo during 1000" 
		    	data-slide-out="plus 100 to left use easeInExpo during 500">
		        
		        <img src="carousel/carousel4.jpg" class="img-polaroid" style="top: 38px; left: 224px; " />
		        <img src="carousel/carousel2.jpg" class="img-polaroid" style="top: 38px; left: 448px; " />
		        <img src="carousel/carousel5.jpg" class="img-polaroid" style="top: 38px; left: 672px; " />
		        
		        
		    </li>

		</ul>
		
    <div id="feat"></div>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="demo/assets/js/jquery.js"></script>
    <script src="demo/assets/js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.1.3.min.js"></script>
    <script src="js/jquery.lush.js"></script>
    <script>
			$(function(){

            $('#feat').load('features.html')

	            $('#carousel-1, #carousel-2').lush({
			            manual: true,
			            slider: {
		            		pauseOnHover: true,
                    keyboard: false,
		            		pager: false,
                    carousel: true
		            	}
	            	})
	            	
	            })

    </script>
  </body>
</html>

JS代码(jquery.lush.js):

/*! * Lush Content Slider * http://geedmo.com * * Version:1.6.3 * * Copyright (c) 2013,Geedmo. All rights reserved. * Released under CodeCanyon Regular License:http://codecanyon.net/licenses * * News:http://codecanyon.net/user/geedmo/portfolio * ======================================================= */
;
	(function(d,h,n,e){
	d.fn.forceReflow=function(){
	return this.each(function(){
	var v=this.offsetWidth}
)}
;
	d.fn.clearState=function(v){
	return this.removeClass((this.data("activeClass")||"")+" "+v+" live")}
;
	d.fn.prepareEffect=function(v,w){
	return this.each(function(){
	var y=d(this),x={
}
;
	if(y.css(d.support.css3feature.animation.name+"FillMode")==="both"){
	x[d.support.css3feature.animation.name+"Duration"]=v+"ms";
	x[d.support.css3feature.animation.name+"TimingFunction"]=w;
	y.clearTransition().css(x)}
else{
	var z={
}
;
	z[d.support.css3feature.transition.name+"Property"]="all";
	z[d.support.css3feature.transition.name+"Duration"]=v+"ms";
	z[d.support.css3feature.transition.name+"TimingFunction"]=w;
	z[d.support.css3feature.transition.name+"Delay"]="0s";
	y.css(z)}
}
)}
;
	d.fn.clearTransition=function(){
	var v={
}
;
	v[d.support.css3feature.transition.name+"Duration"]="0s";
	v[d.support.css3feature.transition.name]="none";
	return this.css(v)}
;
	var a="lush",t="lush-slider",b="flexslider",f="lush",q="lush-prev",r="lush-next",j="lush-page",c="lush-nav",p="lush-shadow",o="lush-external",s="lushSlider",l="lushFlexslider",g=50;
	function u(v,w){
	d.support.css3feature=(function(){
	var x=n.createElement("lush"),y=(function(){
	var A={
	WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"}
,B;
	for(B in A){
	if(x.style[B]!==e){
	return{
	end:A[B],name:B}
}
}
}
()),z=(function(){
	var A={
	WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",MSAnimation:"MSAnimationEnd",animation:"animationend"}
,B;
	for(B in A){
	if(x.style[B]!==e){
	return{
	end:A[B],name:B}
}
}
}
());
	x=null;
	return(y||z)&&{
	transition:y,animation:z}
}
)();
	d.data(v,a,this);
	this.container=d(v);
	this.elements=this.container.children().not(".ignore,.lush-nav");
	this.options=w;
	this.sliding=false;
	this.stopped=false;
	this.paused=false;
	this.outRendered=false;
	this.options.deadtime=isNaN(parseInt(this.options.deadtime))?0:parseInt(this.options.deadtime);
	this.options.delayed=isNaN(parseInt(this.options.delayed))?0:parseInt(this.options.delayed);
	if(!this.options.slider&&this.options.carousel){
	this.options.carousel=false}
this.cssEasing={
	linear:"linear",swing:"ease-out",ease:"ease","ease-in":"ease-in","ease-out":"ease-out","ease-in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)",easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(0.6,-0.28,0.735,0.045)",easeOutBack:"cubic-bezier(.175,.885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"}
;
	this.container.css({
	visibility:"hidden"}
);
	if(this.options.slider){
	this.container.hide()}
this.preload(this.container,d.proxy(this.init,this))}
u.prototype={
	init:function(){
	var v=0,x=0,y,w=this;
	if(!this.container.hasClass("lush")){
	this.container.addClass("lush")}
this.container.css({
	visibility:"visible"}
);
	this.updatePos();
	if(this.options.flexslider){
	y=this.container.css("display");
	this.container.show()}
if(this.options.slider){
	this.container.show()}
d.each(this.elements,d.proxy(function(B,A){
	var C=this.elements[B].$el=d(A),z;
	C.slideIn={
}
;
	C.slideOut={
}
;
	z=C.data("slide-in")||w.container.data("slide-in");
	if(z){
	C.dataIn=z.split(" ")}
C.slideIn.at=parseInt(this.get("at",C.dataIn));
	C.slideIn.from=this.get("from",C.dataIn);
	C.slideIn.use=this.get("use",C.dataIn);
	C.slideIn.during=parseInt(this.get("during",C.dataIn));
	C.slideIn.plus=parseInt(this.get("plus",C.dataIn));
	C.slideIn.force=this.get("force",C.dataIn);
	if(C.slideIn.plus>0){
	C.slideIn.at+=C.slideIn.plus+x}
x=C.slideIn.at;
	z=C.data("slide-out")||w.container.data("slide-out");
	if(z){
	C.dataOut=z.split(" ");
	C.slideOut.at=parseInt(this.get("at",C.dataOut));
	C.slideOut.to=this.get("to",C.dataOut);
	C.slideOut.use=this.get("use",C.dataOut);
	C.slideOut.during=parseInt(this.get("during",C.dataOut));
	C.slideOut.plus=parseInt(this.get("plus",C.dataOut));
	C.slideOut.force=this.get("force",C.dataOut);
	if(C.slideOut.plus>0){
	C.slideOut.at+=C.slideOut.plus+v}
v=C.slideOut.at}
C.css({
	position:"absolute"}
);
	C=null}
,this));
	this.saveSize();
	if(this.options.flexslider){
	this.container.css("display",y)}
if(this.options.slider){
	this.container.hide()}
if(this.options.carousel){
	this.container.parent().data("from-direction",this.options.direction)}
if(this.options.autostart){
	this.start()}
this.options.onInit.call(this.container);
	this.container.trigger("lushInit");
	d(h).resize(d.proxy(this.resize,this))}
,get:function(x,v){
	var w=d.inArray(x,v);
	if(w<0){
	return this.options.param[x]}
return v[w+1]||!v[w+1]}
,renderIn:function(){
	var v=this,x=this.carouselInvert(),w=this.elements.length;
	this.container.addClass("running");
	this.elements.each(d.proxy(function(z,y){
	var A=y.$el,z;
	A.delay(parseInt(x?v.elements[--w].$el.slideIn.at:A.slideIn.at));
	this.from(A);
	if((z==this.elements.length-1)){
	A.queue(function(){
	if(v.options.onSlideIn&&v.options.onSlideIn.call(v.container)===false){
	return}
v.container.trigger("slideIn");
	d(this).dequeue()}
)}
if(this.options.deadtime>0&&!A.slideOut.force){
	A.delay(this.options.deadtime)}
if(d.support.css3feature){
	A.show()}
}
,this));
	return this}
,renderOut:function(){
	var v=this,x=this.carouselInvert(),w=this.elements.length;
	if(!this.container.hasClass("running")){
	this.container.addClass("running")}
this.container.trigger("slideOut");
	this.outRendered=true;
	this.outStarted=false;
	this.elements.each(d.proxy(function(z,y){
	var A=y.$el,z;
	if(A.slideOut.at>=0){
	A.delay(parseInt(x?v.elements[--w].$el.slideOut.at:A.slideOut.at));
	A.queue(function(){
	if(v.paused&&!A.slideOut.force&&!v.outStarted){
	z=setInterval(d.proxy(function(){
	if(!v.paused){
	clearInterval(z);
	d(this).dequeue()}
}
,this),50)}
else{
	d(this).dequeue();
	if(!A.slideOut.force){
	v.outStarted=true}
}
}
);
	this.to(A);
	if((z==this.elements.length-1)){
	A.queue(function(){
	v.options.onSlideOut.call(v.container);
	d(this).dequeue()}
)}
}
}
,this));
	return this}
,start:function(){
	if(this.sliding){
	return}
this.sliding=true;
	this.container.show();
	this.container.addClass("active");
	this.resize();
	this.container.trigger("slideStart");
	this.options.onSlide.call(this.container);
	this.renderIn();
	if(!this.options.manual){
	this.renderOut()}
this.end();
	if(this.options.carousel){
	this.container.parent().data("from-direction",this.options.direction)}
}
,end:function(v){
	var w=this;
	d.when(this.elements).done(d.proxy(function(){
	if(!this.outRendered){
	this.container.removeClass("running");
	this.container.trigger("slideStop");
	return}
this.outRendered=false;
	this.endslide(v)}
,this));
	return this}
,endslide:function(v){
	if(this.options.onSlided&&this.options.onSlided.call(this.container)===false){
	return}
this.sliding=false;
	this.container.removeClass("active running").trigger("slideEnd");
	if(this.options.slider&&!this.stopped&&!v){
	this.advance()}
this.stopped=false}
,advance:function(x){
	var w=x||this.options.direction,v;
	if(!this.sliding){
	v=(w=="next")?this.options.syncNext:this.options.syncPrev;
	d(v).lush("start")}
}
,preload:function(x,y){
	var v=[],w=0;
	this.container.find("*").each(function(A,B){
	var C=d(B),z,D;
	if(C[0].tagName==="IMG"){
	D={
	src:C.attr("src"),tag:C[0].tagName}
;
	v.push(D)}
else{
	if(C[0].tagName==="IFRAME"){
	D={
	src:C.attr("src"),tag:C[0]}
;
	v.push(D)}
else{
	z=C.css("background-image");
	if(z!=="none"&&z.indexOf("url")>=0){
	D={
	src:z.match(/url\((.*)\)/)[1].replace(/"/gi,""),tag:"IMG"}
;
	v.push(D)}
}
}
}
);
	if(!v.length){
	y()}
else{
	d.each(v,function(z,A){
	if(A.tag==="IMG"){
	d("<"+A.tag+">").load(function(){
	if(++w==v.length){
	y()}
}
).attr("src",A.src)}
else{
	d(A.tag).load(function(){
	if(++w==v.length){
	y()}
}
)}
}
)}
}
,stop:function(){
	this.stopped=true;
	this.elements.each(function(w,v){
	while(v.$el.queue().length){
	v.$el.stop(false,(!d.support.css3feature))}
}
);
	return this}
,go:function(w){
	var v=this;
	if(this.options.carousel){
	this.container.parent().data("from-direction",w)}
if(this.options.manual){
	if(this.outRendered){
	return}
this.renderOut().end()}
else{
	this.state("resume").stop().advance(w)}
}
,state:function(v){
	this.paused=(v==="pause");
	if(this.paused){
	this.container.addClass("paused")}
else{
	this.container.removeClass("paused")}
return this}
,size:function(){
	return{
	width:this.container.width(),height:this.container.height()}
}
,hide:function(){
	this.elements.hide()}
,show:function(){
	this.elements.show()}
,saveSize:function(){
	var v={
}
;
	this.containerSize={
	width:this.options.baseWidth,height:this.options.baseHeight}
;
	this.elements.each(function(y,x){
	var w=d(x);
	v.fs=parseInt(w.css("font-size"),0)||0;
	v.lh=parseInt(w.css("line-height"))||0;
	v.pt=parseInt(w.css("paddingTop"),0)||0;
	v.pb=parseInt(w.css("paddingBottom"),0)||0;
	v.pl=parseInt(w.css("paddingLeft"),0)||0;
	v.pr=parseInt(w.css("paddingRight"),0)||0;
	v.mt=parseInt(w.css("marginTop"),0)||0;
	v.mb=parseInt(w.css("marginBottom"),0)||0;
	v.ml=parseInt(w.css("marginLeft"),0)||0;
	v.mr=parseInt(w.css("marginRight"),0)||0;
	v.btw=parseInt(w.css("borderTopWidth"),0)||0;
	v.bbw=parseInt(w.css("borderBottomWidth"),0)||0;
	v.blw=parseInt(w.css("borderLeftWidth"),0)||0;
	v.brw=parseInt(w.css("borderRightWidth"),0)||0;
	v.bts=w.css("borderTopStyle");
	v.bbs=w.css("borderBottomStyle");
	v.bls=w.css("borderLeftStyle");
	v.brs=w.css("borderRightStyle");
	v.btc=w.css("borderTopColor");
	v.bbc=w.css("borderBottomColor");
	v.blc=w.css("borderLeftColor");
	v.brc=w.css("borderRightColor");
	v.hg=parseInt(w.height())||v.lh||0;
	v.wd=parseInt(w.width())||0;
	v.b=w.css("bottom");
	v.l=w.css("left");
	v.r=w.css("right");
	w.data("properties",d.extend({
}
,v))}
)}
,updatePos:function(){
	var v=this;
	this.elements.each(function(y,x){
	var w=d(x);
	if(!v.isUnit(x.style.left,"%")){
	w.css("left",(parseFloat(x.style.left)*100/v.options.baseWidth)+"%")}
if(!v.isUnit(x.style.top,"%")){
	w.css("top",(parseFloat(x.style.top)*100/v.options.baseHeight)+"%")}
}
)}
,isUnit:function(w,v){
	return((w.indexOf(v)>0)||(v=="px"||w=="auto"))}
,resize:function(){
	var w,x,v;
	x=this.container.width()/this.containerSize.width;
	if(!this.options.flexslider){
	this.container.css({
	height:this.containerSize.height*x}
);
	this.container.parent().css({
	height:this.containerSize.height*x}
)}
this.elements.each(function(z,y){
	v=d(y);
	w=v.data("properties");
	if(!w){
	return false}
v.css({
	"font-size":(Math.floor(w.fs*x))+"px","line-height":(Math.floor(w.lh*x))+"px","padding-top":(w.pt*x)+"px","padding-bottom":(w.pb*x)+"px","padding-left":(w.pl*x)+"px","padding-right":(w.pr*x)+"px","border-top":(w.btw*x)+"px "+w.bts+" "+w.btc,"border-bottom":(w.bbw*x)+"px "+w.bbs+" "+w.bbc,"border-left":(w.blw*x)+"px "+w.bls+" "+w.blc,"border-right":(w.brw*x)+"px "+w.brs+" "+w.brc,height:(w.hg*x)+"px",width:(w.wd*x)+"px","white-space":"nowrap"}
);
	if(y.tagName==="IFRAME"){
	v.attr({
	width:(w.wd*x),height:(w.hg*x)}
)}
}
)}
,carouselInvert:function(){
	var v=this.container.parent().data("from-direction");
	return(this.options.carousel&&v&&v!==this.options.direction)}
,from:function(z){
	var w,x,A=false,v=this,y;
	y=this.carouselInvert()?z.slideOut.to:z.slideIn.from;
	if(d.support.css3feature){
	z.clearTransition().clearState("out").addClass("in").data("activeClass",y).addClass(y);
	z.prepareEffect(z.slideIn.during,v.cssEasing[z.slideIn.use]).queue(function(){
	this.offsetWidth;
	d(this).addClass("live").dequeue()}
).delay(parseInt(z.slideIn.during)-100)}
else{
	switch(y){
	case"left":case"l":w={
	"margin-left":-this.container.width(),"margin-top":0}
;
	x={
	"margin-left":0}
;
	break;
	case"right":case"r":w={
	"margin-left":this.container.width(),"margin-top":0}
;
	x={
	"margin-left":0}
;
	break;
	case"top":case"t":w={
	"margin-top":-this.container.height(),"margin-left":0}
;
	x={
	"margin-top":0}
;
	break;
	case"bottom":case"b":w={
	"margin-top":this.container.height(),"margin-left":0}
;
	x={
	"margin-top":0}
;
	break;
	case"left-fade":case"lf":w={
	"margin-left":-g,opacity:0,"margin-top":0}
;
	x={
	"margin-left":0,opacity:1}
;
	break;
	case"right-fade":case"rf":w={
	"margin-left":g,opacity:0,"margin-top":0}
;
	x={
	"margin-left":0,opacity:1}
;
	break;
	case"top-fade":case"tf":w={
	"margin-top":-g,opacity:0,"margin-left":0}
;
	x={
	"margin-top":0,opacity:1}
;
	break;
	case"bottom-fade":case"bf":w={
	"margin-top":g,opacity:0,"margin-left":0}
;
	x={
	"margin-top":0,opacity:1}
;
	break;
	default:A=true;
	break}
if(A){
	z.css("margin",0).hide().fadeTo(parseInt(z.slideIn.during),1)}
else{
	z.css(w).show().animate(x,{
	duration:parseInt(z.slideIn.during),easeing:z.slideIn.use}
)}
}
return{
	from:w,to:x}
}
,to:function(z){
	var x,w,A=false,v=this,y;
	y=this.carouselInvert()?z.slideIn.from:z.slideOut.to;
	if(d.support.css3feature){
	z.queue(function(){
	d(this).clearState("in").addClass("out").data("activeClass",y).addClass(y).prepareEffect(z.slideOut.during,v.cssEasing[z.slideOut.use]).dequeue()}
);
	z.queue(function(){
	this.offsetWidth;
	d(this).addClass("live").dequeue()}
);
	z.delay(parseInt(z.slideOut.during)-100)}
else{
	switch(y){
	case"left":case"l":w={
	"margin-left":0}
;
	x={
	"margin-left":-this.container.width()}
;
	break;
	case"right":case"r":w={
	"margin-left":0}
;
	x={
	"margin-left":this.container.width()}
;
	break;
	case"top":case"t":w={
	"margin-top":0}
;
	x={
	"margin-top":-this.container.height()}
;
	break;
	case"bottom":case"b":w={
	"margin-top":0}
;
	x={
	"margin-top":this.container.height()}
;
	break;
	case"left-fade":case"lf":x={
	"margin-left":-g,opacity:0}
;
	w={
	"margin-left":0,opacity:1}
;
	break;
	case"right-fade":case"rf":x={
	"margin-left":g,opacity:0}
;
	w={
	"margin-left":0,opacity:1}
;
	break;
	case"top-fade":case"tf":x={
	"margin-top":-g,opacity:0}
;
	w={
	"margin-top":0,opacity:1}
;
	break;
	case"bottom-fade":case"bf":x={
	"margin-top":g,opacity:0}
;
	w={
	"margin-top":0,opacity:1}
;
	break;
	default:A=true;
	break}
if(A){
	z.fadeOut(parseInt(z.slideOut.during))}
else{
	z.animate(x,{
	duration:parseInt(z.slideOut.during),easing:z.slideOut.use}
)}
}
return{
	to:x}
}
}
;
	function m(v,w){
	this.container=d(v);
	this.items=this.container.children("li,.lush");
	this.itemCount=this.items.length;
	this.loopCount=0;
	this.options=w.slider;
	this.lush=w;
	this.sliding=false;
	this.options.manual=!!this.lush.manual;
	if(this.options.deadtime>0){
	this.lush.deadtime=this.options.deadtime}
if(this.options.manual){
	this.options.pauseOnHover=false}
this.preload(d.proxy(this.init,this))}
m.prototype={
	init:function(){
	var w,y,v=0,x=this;
	if(this.options.fullPreload){
	this.items.one("lushInit",function(){
	if(++v==x.itemCount){
	x.items.eq(0).lush("start");
	x.addstuff();
	x.activePage(1)}
}
)}
else{
	this.items.eq(0).one("lushInit",function(){
	d(this).lush("start");
	x.addstuff();
	x.activePage(1)}
)}
this.items.each(d.proxy(function(z,A){
	d(A).data("slide-index",z+1);
	w=z+1;
	y=z-1;
	if(z==(this.itemCount-1)){
	w=0}
if(z==0){
	y=(this.itemCount-1)}
d(A).width(this.container.width()).lush(d.extend(this.lush,{
	autostart:false,slider:true,flexslider:false,carousel:(!!this.options.carousel),syncNext:this.items[w],syncPrev:this.items[y],onSlide:function(){
	x.activePage(this.data("slide-index"));
	if(x.loopEnds.call(x)){
	this.lush("pause");
	x.container.off(".lushhover");
	this.trigger("loopEnd")}
}
}
))}
,this))}
,addstuff:function(){
	if(this.options.navigation){
	this.addnav()}
if(this.options.shadow){
	d("<div/>",{
	"class":p}
).appendTo(this.container)}
this.addevents();
	this.updateNav()}
,preload:function(x){
	var w=false,v=this.container.css("background-image");
	if(v!=="none"&&v.indexOf("url")>=0){
	w=v.match(/url\((.*)\)/)[1].replace(/"/gi,"")}
if(!w){
	x()}
else{
	d("<img>").load(x).attr("src",w)}
}
,addnav:function(){
	var v=this;
	this.nav=d("<div/>").appendTo(this.container).addClass(c);
	d('<a href="#" class="'+q+'">&lt;
	</a>').appendTo(this.nav);
	if(this.options.pager){
	for(i=0;
	i<this.itemCount;
	i++){
	d('<a href="#" class="'+j+'" rel="'+(i+1)+'">'+(i+1)+"</a>").appendTo(this.nav)}
}
d('<a href="#" class="'+r+'">&gt;
	</a>').appendTo(this.nav)}
,updateNav:function(){
	var v=this.nav&&parseInt(this.nav.css("line-height"));
	if(this.nav){
	v=v===0?0:this.container.height()/2;
	this.nav.css({
	left:this.container.width()/2-this.nav.width()/2,lineHeight:v+"px"}
);
	if(navigator.appVersion.indexOf("MSIE 7.")!=-1){
	this.nav.find(".lush-page").each(function(){
	d(this).css("margin-top",v===0?0:(v-d(this).height())+"px")}
)}
}
}
,activePage:function(v){
	if(this.nav){
	this.nav.children(".current").removeClass("current");
	this.nav.children("a[rel="+v+"]").addClass("current")}
}
,addevents:function(){
	var x=this,y=function(){
	x.items.filter(".active").lush("next")}
,z=function(){
	x.items.filter(".active").lush("prev")}
,w=function(){
	x.items.lush("pause")}
,v=function(){
	x.items.lush("resume")}
;
	if(this.options.responsive){
	d(h).resize(function(){
	x.items.each(function(A,B){
	d(B).width(x.container.width())}
);
	setTimeout(d.proxy(x.updateNav,x),100)}
)}
if(this.options.navigation){
	this.nav.on("click.lush",function(B){
	B.preventDefault();
	var A=d(B.target);
	if(x.sliding){
	return}
if(A.is("."+q)){
	z()}
if(A.is("."+r)){
	y()}
if(A.is("."+j)){
	x.slideto.call(x,parseInt(A.attr("rel")))}
return false}
)}
d("."+o).on("click.lush",function(B){
	var A=parseInt(d(this).data("slideto"));
	x.slideto(A)}
);
	if(this.options.pauseOnHover){
	this.container.on("mouseenter.lushhover.in",w).on("mouseleave.lushhover.out",v)}
if(this.options.keyboard){
	d(n).on("keyup.lush",function(B){
	var A=B.keyCode;
	if(x.sliding){
	return}
if(A==37){
	z()}
if(A==39){
	y()}
}
)}
}
,loopEnds:function(){
	return(this.options.loop&&(this.options.loop*this.itemCount)<=(this.loopCount++))}
,slideto:function(A){
	var w=this,z=this.items.filter(".active"),v=z.hasClass("running"),x=this.lush.manual?"slideout":"stop",y;
	if(this.lush.manual&&v){
	return}
if(!this.sliding&&(A>0&&A<=this.itemCount)){
	this.sliding=true;
	y=this.items.eq(A-1);
	if(y.hasClass("active")){
	this.sliding=false;
	return}
y.one("slideStop",function(){
	w.sliding=false}
);
	z.one("slideEnd",function(){
	y.one("slideStart",function(){
	w.sliding=false}
).lush("start")}
).lush(x)}
}
}
;
	function k(I){
	var x=d(this),v=d.extend({
}
,d.flexslider.defaults,I.flexslider),B=x.find(v.selector),A=B.length,H=v.namespace?v.namespace:"flex-",z=H+"active-slide",w=H+"next",G=H+"prev",F=false,C=function(){
	B.lush("pause")}
,D=function(){
	B.lush("resume")}
,E;
	B.each(function(J,K){
	d(K).children().not(".ignore").hide()}
);
	x.flexslider(d.extend(v,{
	start:function(J){
	J.slides.eq(0).one("lushInit",function(){
	d(this).lush("start")}
);
	J.slides.lush(d.extend(I,{
	autostart:false,slider:false,onSlided:y}
))}
,after:function(J){
	J.slides.filter("."+z).lush("start")}
,before:function(J){
	E=J.slides.not(":eq("+J.animatingTo+")").lush("stop")}
}
));
	function y(){
	if(!x.data("flexslider").animating&&!F){
	x.flexslider("next")}
return true}
if(I.flexslider.pauseOnHover){
	x.hover(function(){
	F=true;
	C()}
,function(){
	F=false;
	D();
	if(!x.find(".running").length){
	y()}
}
)}
}
d.fn[a]=function(v){
	if((typeof v).match("object|undefined")){
	return this.each(function(){
	var x=d(this),w=d.extend(true,{
}
,d.fn[a].defaults,typeof v=="object"&&v,x.data());
	if(x.hasClass(t)){
	if(!d.data(this,s)){
	d.data(this,s,new m(this,w))}
}
else{
	if(x.hasClass(b)){
	if(!d.data(this,l)&&d.flexslider){
	d.data(this,l,1);
	k.call(this,w)}
}
else{
	if(!d.data(this,a)){
	new u(this,w)}
}
}
}
)}
else{
	return this.each(function(w){
	if(typeof v=="string"){
	var y=d.data(this,a);
	if(!y){
	return}
switch(v){
	case"start":case"stop":case"hide":case"show":case"resize":y[v]();
	break;
	case"prev":case"next":y.go(v);
	break;
	case"pause":case"resume":y.state(v);
	break;
	case"slidein":y.renderIn().end();
	break;
	case"slideout":y.renderOut().end(true);
	break}
}
if(typeof v=="number"){
	var x=d.data(this,s);
	x.slideto(v)}
}
)}
}
;
	d.fn[a].defaults={
	param:{
	at:0,from:"left",to:"right",use:"swing",during:1000,plus:0,force:false}
,autostart:true,baseWidth:1140,baseHeight:450,direction:"next",manual:false,slider:false,flexslider:false,syncNext:"",syncPrev:"",delayed:600,slider:{
	pauseOnHover:false,navigation:true,shadow:true,keyboard:true,pager:true,responsive:true,loop:0,fullPreload:false,carousel:false,deadtime:0}
,onInit:function(){
}
,onSlide:function(){
}
,onSlideIn:function(){
}
,onSlideOut:function(){
}
,onSlided:function(){
}
}
}
)(jQuery,window,document);

CSS代码(lush.min.css):

/*! * Lush Content Slider - Stylesheet * http://geedmo.com * * Version:1.6.2 * Created:27/01/2013 * Updated:25/06/2013 * * Copyright (c) 2013,Geedmo. All rights reserved. * Released under CodeCanyon Regular License:http://codecanyon.net/licenses * * News:http://codecanyon.net/user/geedmo/portfolio * ======================================================= */
/*! * Lush Content Slider - LESS Main Stylesheet * ======================================================= */
.lush-slider{position:relative;list-style-type:none;padding:0}
.lush-slider>li,.lush-slider .lush{position:absolute;width:100%;height:100%;display:none}
.lush{overflow:hidden;position:relative;z-index:0}
.lush.active{z-index:1}
.lush img{border:0}
.lush a img{max-width:100%}
.lush *{white-space:nowrap;margin:0;-webkit-perspective:1000;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}
.flexslider .slides img{width:auto!important;max-width:none}
.flexslider .slides img:first-child{width:100%!important}
.lush-nav{position:absolute;display:block!important;bottom:20px;font-size:0;white-space:nowrap;background-color:transparent;width:auto;float:none;z-index:10;zoom:1;opacity:.4;filter:alpha(opacity=40);-webkit-transition:opacity .2s linear 0;-moz-transition:opacity .2s linear 0s;-o-transition:opacity .2s linear 0;transition:opacity .2s linear 0}
.lush-nav:hover{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity .2s linear 0;-moz-transition:opacity .2s linear 0s;-o-transition:opacity .2s linear 0;transition:opacity .2s linear 0}
.lush-nav a{display:inline-block;*display:inline;zoom:1;width:40px;height:42px;text-shadow:none!important}
.lush-nav a:focus{outline:0}
.lush-nav .lush-page{background-position:-40px 0}
.lush-nav .lush-page:hover,.lush-nav .lush-page.current{background-position:-40px -42px}
.lush-nav .lush-prev{background-position:0 0}
.lush-nav .lush-prev:hover{background-position:0 -42px}
.lush-nav .lush-next{background-position:-80px 0}
.lush-nav .lush-next:hover{background-position:-80px -42px}
.lush-slider{padding:15px;border:1px solid #ddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff}
.lush-slider .lush-nav{line-height:0}
.lush-slider .lush-nav a{background-image:url('../skin/lush-skin.png')}
.lush-shadow{display:block!important;background-position:center bottom;background-repeat:no-repeat;background-size:100% 100%;left:0;bottom:0;height:30px;margin-bottom:-30px;position:absolute;width:100%}
.shadow-a .lush-shadow{background-image:url('../img/shadow-a.png')}
.shadow-b .lush-shadow{background-image:url('../img/shadow-b.png')}
.shadow-c .lush-shadow{background-image:url('../img/shadow-c.png')}
.shadow-d .lush-shadow{background-image:url('../img/shadow-d.png')}
.no-shadow .lush-shadow{display:none}
/*! * Lush Content Slider - LESS Skin Stylesheet * ======================================================= */
.lush-slider.dark{border:0;background-color:#202020;-webkit-box-shadow:0 1px 2px #202020;-moz-box-shadow:0 1px 2px #202020;box-shadow:0 1px 2px #202020}
.lush-slider.dark .lush-nav a{background-image:url('../skin/lush-skin-dark.png')}
.lush-slider.silver{border:0;background-color:#e4e4e2;background-image:-webkit-gradient(linear,left center,right center,from(#cccbc7),to(#e4e4e2));background-image:-webkit-linear-gradient(left,#cccbc7,#e4e4e2);background-image:-moz-linear-gradient(left,#cccbc7,#e4e4e2);background-image:-o-linear-gradient(left,#cccbc7,#e4e4e2);background-image:linear-gradient(left,#cccbc7,#e4e4e2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#cccbc7',EndColorStr='#e4e4e2');-webkit-box-shadow:0 1px 2px #202020;-moz-box-shadow:0 1px 2px #202020;box-shadow:0 1px 2px #202020}
.lush-slider.silver .lush-nav a{background-image:url('../skin/lush-skin-silver.png')}
.lush-slider.flat{padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.lush-slider.flat .lush-nav{width:100%;height:0;left:0;top:50%;bottom:auto;text-align:center;line-height:1px;*height:50%;*top:auto;*bottom:0}
.lush-slider.flat .lush-nav a{position:absolute}
.lush-slider.flat a.lush-page{bottom:0;position:relative;vertical-align:bottom;*display:inline}
.lush-slider.flat .lush-prev,.lush-slider.flat .lush-next{left:0;top:0;margin-top:-20px}
.lush-slider.flat .lush-next{left:auto;right:0}
.lush-slider.flat .lush-nav a{background-image:url('../skin/lush-skin-flat.png')}
.lush-slider.mini-white{padding:15px;border:1px solid #ddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff}
.lush-slider.mini-white .lush-nav{bottom:10px}
.lush-slider.mini-white .lush-nav a{width:20px;height:21px}
.lush-slider.mini-white .lush-page{background-position:-20px 0}
.lush-slider.mini-white .lush-page:hover,.lush-slider.mini-white .lush-page.current{background-position:-20px -21px}
.lush-slider.mini-white .lush-prev{background-position:0 0}
.lush-slider.mini-white .lush-prev:hover{background-position:0 -21px}
.lush-slider.mini-white .lush-next{background-position:-40px 0}
.lush-slider.mini-white .lush-next:hover{background-position:-40px -21px}
.lush-slider.mini-white .lush-nav a{background-image:url('../skin/lush-mini-skin.png')}
.lush-slider.mini-dark{border:0;background-color:#202020;-webkit-box-shadow:0 1px 2px #202020;-moz-box-shadow:0 1px 2px #202020;box-shadow:0 1px 2px #202020}
.lush-slider.mini-dark .lush-nav{bottom:10px}
.lush-slider.mini-dark .lush-nav a{width:20px;height:21px}
.lush-slider.mini-dark .lush-page{background-position:-20px 0}
.lush-slider.mini-dark .lush-page:hover,.lush-slider.mini-dark .lush-page.current{background-position:-20px -21px}
.lush-slider.mini-dark .lush-prev{background-position:0 0}
.lush-slider.mini-dark .lush-prev:hover{background-position:0 -21px}
.lush-slider.mini-dark .lush-next{background-position:-40px 0}
.lush-slider.mini-dark .lush-next:hover{background-position:-40px -21px}
.lush-slider.mini-dark .lush-nav a{background-image:url('../skin/lush-mini-skin-dark.png')}
.lush-slider.mini-silver{border:0;background-color:#e4e4e2;background-image:-webkit-gradient(linear,left center,right center,from(#cccbc7),to(#e4e4e2));background-image:-webkit-linear-gradient(left,#cccbc7,#e4e4e2);background-image:-moz-linear-gradient(left,#cccbc7,#e4e4e2);background-image:-o-linear-gradient(left,#cccbc7,#e4e4e2);background-image:linear-gradient(left,#cccbc7,#e4e4e2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#cccbc7',EndColorStr='#e4e4e2');-webkit-box-shadow:0 1px 2px #202020;-moz-box-shadow:0 1px 2px #202020;box-shadow:0 1px 2px #202020}
.lush-slider.mini-silver .lush-nav{bottom:10px}
.lush-slider.mini-silver .lush-nav a{width:20px;height:21px}
.lush-slider.mini-silver .lush-page{background-position:-20px 0}
.lush-slider.mini-silver .lush-page:hover,.lush-slider.mini-silver .lush-page.current{background-position:-20px -21px}
.lush-slider.mini-silver .lush-prev{background-position:0 0}
.lush-slider.mini-silver .lush-prev:hover{background-position:0 -21px}
.lush-slider.mini-silver .lush-next{background-position:-40px 0}
.lush-slider.mini-silver .lush-next:hover{background-position:-40px -21px}
.lush-slider.mini-silver .lush-nav a{background-image:url('../skin/lush-mini-skin-silver.png')}
.lush-slider.no-skin,.lush-slider.borderless{border:0;background-color:transparent;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
/*! * Lush Content Slider - LESS Animation Stylesheet * =======================================================*/
.lush .in.left,.lush .in.l{margin-left:-100%}
.lush .in.left.live,.lush .in.l.live{margin-left:0}
.lush .in.right,.lush .in.r{margin-left:100%}
.lush .in.right.live,.lush .in.r.live{margin-left:0}
.lush .in.top,.lush .in.t{margin-top:-100%;margin-bottom:100%}
.lush .in.top.live,.lush .in.t.live{margin-top:0;margin-bottom:0}
.lush .in.bottom,.lush .in.b{margin-bottom:-100%;margin-top:100%}
.lush .in.bottom.live,.lush .in.b.live{margin-bottom:0;margin-top:0}
.lush .in.roll-left{margin-left:-100%;-webkit-transform:rotate(-720deg);-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-o-transform:rotate(-720deg);transform:rotate(-720deg)}
.lush .in.roll-left.live{margin-left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .in.roll-right{margin-left:100%;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg)}
.lush .in.roll-right.live{margin-left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .in.roll-top{margin-top:-100%;margin-bottom:100%;-webkit-transform:rotate(-720deg);-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-o-transform:rotate(-720deg);transform:rotate(-720deg)}
.lush .in.roll-top.live{margin-top:0;margin-bottom:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .in.roll-bottom{margin-bottom:-100%;margin-top:100%;-webkit-transform:rotate(-720deg);-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-o-transform:rotate(-720deg);transform:rotate(-720deg)}
.lush .in.roll-bottom.live{margin-bottom:0;margin-top:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .in.left-bottom,.lush .in.lb{margin-left:-100%;margin-bottom:-100%;margin-top:100%}
.lush .in.left-bottom.live,.lush .in.lb.live{margin-left:0;margin-bottom:0;margin-top:0}
.lush .in.right-bottom,.lush .in.rb{margin-left:100%;margin-bottom:-100%;margin-top:100%}
.lush .in.right-bottom.live,.lush .in.rb.live{margin-left:0;margin-bottom:0;margin-top:0}
.lush .in.left-top,.lush .in.lt{margin-left:-100%;margin-top:-100%;margin-bottom:100%}
.lush .in.left-top.live,.lush .in.lt.live{margin-left:0;margin-top:0;margin-bottom:0}
.lush .in.right-top,.lush .in.rt{margin-left:100%;margin-top:-100%;margin-bottom:100%}
.lush .in.right-top.live,.lush .in.rt.live{margin-left:0;margin-top:0;margin-bottom:0}
.lush .in.fade{zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.fade.live{zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.left-fade,.lush .in.lf{margin-left:-50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.left-fade.live,.lush .in.lf.live{margin-left:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.right-fade,.lush .in.rf{margin-left:50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.right-fade.live,.lush .in.rf.live{margin-left:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.top-fade,.lush .in.tf{margin-top:-50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.top-fade.live,.lush .in.tf.live{margin-top:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.bottom-fade,.lush .in.bf{margin-top:50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.bottom-fade.live,.lush .in.bf.live{margin-top:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.front{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.front.live{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.back{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.back.live{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.left-top-rotate,.lush .in.ltr{-webkit-transform-origin:-50% 0 0;-moz-transform-origin:-50% 0 0;-ms-transform-origin:-50% 0 0;-o-transform-origin:-50% 0 0;transform-origin:-50% 0 0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.left-top-rotate.live,.lush .in.ltr.live{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.right-top-rotate,.lush .in.rtr{-webkit-transform-origin:150% 0 0;-moz-transform-origin:150% 0 0;-ms-transform-origin:150% 0 0;-o-transform-origin:150% 0 0;transform-origin:150% 0 0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.right-top-rotate.live,.lush .in.rtr.live{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.left-bottom-rotate,.lush .in.lbr{-webkit-transform-origin:-50% 0 0;-moz-transform-origin:-50% 0 0;-ms-transform-origin:-50% 0 0;-o-transform-origin:-50% 0 0;transform-origin:-50% 0 0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.left-bottom-rotate.live,.lush .in.lbr.live{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.right-bottom-rotate,.lush .in.rbr{-webkit-transform-origin:150% 0 0;-moz-transform-origin:150% 0 0;-ms-transform-origin:150% 0 0;-o-transform-origin:150% 0 0;transform-origin:150% 0 0;-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.right-bottom-rotate.live,.lush .in.rbr.live{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.front-rotate,.lush .in.fr{-webkit-transform:rotate(90deg) scale(2);-moz-transform:rotate(90deg) scale(2);-ms-transform:rotate(90deg) scale(2);-o-transform:rotate(90deg) scale(2);transform:rotate(90deg) scale(2);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.front-rotate.live,.lush .in.fr.live{-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.back-rotate,.lush .in.br{-webkit-transform:rotate(90deg) scale(0);-moz-transform:rotate(90deg) scale(0);-ms-transform:rotate(90deg) scale(0);-o-transform:rotate(90deg) scale(0);transform:rotate(90deg) scale(0);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.back-rotate.live,.lush .in.br.live{-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.front-rotate2,.lush .in.fr2{-webkit-transform:rotate(-30deg) scale(2) translate(-100%);-moz-transform:rotate(-30deg) scale(2) translate(-100%);-ms-transform:rotate(-30deg) scale(2) translate(-100%);-o-transform:rotate(-30deg) scale(2) translate(-100%);transform:rotate(-30deg) scale(2) translate(-100%);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.front-rotate2.live,.lush .in.fr2.live{-webkit-transform:rotate(0) scale(1) translate(0,0);-moz-transform:rotate(0) scale(1) translate(0,0);-ms-transform:rotate(0) scale(1) translate(0,0);-o-transform:rotate(0) scale(1) translate(0,0);transform:rotate(0) scale(1) translate(0,0);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.back-rotate2,.lush .in.br2{-webkit-transform:rotate(30deg) scale(0) translate(100%);-moz-transform:rotate(30deg) scale(0) translate(100%);-ms-transform:rotate(30deg) scale(0) translate(100%);-o-transform:rotate(30deg) scale(0) translate(100%);transform:rotate(30deg) scale(0) translate(100%);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.back-rotate2.live,.lush .in.br2.live{-webkit-transform:rotate(0) scale(1) translate(0,0);-moz-transform:rotate(0) scale(1) translate(0,0);-ms-transform:rotate(0) scale(1) translate(0,0);-o-transform:rotate(0) scale(1) translate(0,0);transform:rotate(0) scale(1) translate(0,0);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .in.back-left{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:0 center 0;-moz-transform-origin:0 center 0;-ms-transform-origin:0 center 0;-o-transform-origin:0 center 0;transform-origin:0 center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.back-left.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backLeftIn;-moz-animation-name:fadeIn,backLeftIn;-o-animation-name:fadeIn,backLeftIn;animation-name:fadeIn,backLeftIn}
.lush .in.back-right{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:right center 0;-moz-transform-origin:right center 0;-ms-transform-origin:right center 0;-o-transform-origin:right center 0;transform-origin:right center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.back-right.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backRightIn;-moz-animation-name:fadeIn,backRightIn;-o-animation-name:fadeIn,backRightIn;animation-name:fadeIn,backRightIn}
.lush .in.front-right{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:right center 0;-moz-transform-origin:right center 0;-ms-transform-origin:right center 0;-o-transform-origin:right center 0;transform-origin:right center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.front-right.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backLeftIn;-moz-animation-name:fadeIn,backLeftIn;-o-animation-name:fadeIn,backLeftIn;animation-name:fadeIn,backLeftIn}
.lush .in.front-left{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:0 center 0;-moz-transform-origin:0 center 0;-ms-transform-origin:0 center 0;-o-transform-origin:0 center 0;transform-origin:0 center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.front-left.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backRightIn;-moz-animation-name:fadeIn,backRightIn;-o-animation-name:fadeIn,backRightIn;animation-name:fadeIn,backRightIn}
.lush .in.back-bottom{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:bottom center 0;-moz-transform-origin:bottom center 0;-ms-transform-origin:bottom center 0;-o-transform-origin:bottom center 0;transform-origin:bottom center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.back-bottom.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backBottomIn;-moz-animation-name:fadeIn,backBottomIn;-o-animation-name:fadeIn,backBottomIn;animation-name:fadeIn,backBottomIn}
.lush .in.back-top{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:top center 0;-moz-transform-origin:top center 0;-ms-transform-origin:top center 0;-o-transform-origin:top center 0;transform-origin:top center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.back-top.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backTopIn;-moz-animation-name:fadeIn,backTopIn;-o-animation-name:fadeIn,backTopIn;animation-name:fadeIn,backTopIn}
.lush .in.front-bottom{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:bottom center 0;-moz-transform-origin:bottom center 0;-ms-transform-origin:bottom center 0;-o-transform-origin:bottom center 0;transform-origin:bottom center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.front-bottom.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backTopIn;-moz-animation-name:fadeIn,backTopIn;-o-animation-name:fadeIn,backTopIn;animation-name:fadeIn,backTopIn}
.lush .in.front-top{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-transform-origin:top center 0;-moz-transform-origin:top center 0;-ms-transform-origin:top center 0;-o-transform-origin:top center 0;transform-origin:top center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.front-top.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeIn,backBottomIn;-moz-animation-name:fadeIn,backBottomIn;-o-animation-name:fadeIn,backBottomIn;animation-name:fadeIn,backBottomIn}
.lush .in.flip{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-transform-origin:center center 0;-moz-transform-origin:center center 0;-ms-transform-origin:center center 0;-o-transform-origin:center center 0;transform-origin:center center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.flip.live{-webkit-animation-name:fadeIn,backRightIn;-moz-animation-name:fadeIn,backRightIn;-o-animation-name:fadeIn,backRightIn;animation-name:fadeIn,backRightIn}
.lush .in.flip-h{zoom:1;opacity:0;filter:alpha(opacity=0);-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-transform-origin:center center 0;-moz-transform-origin:center center 0;-ms-transform-origin:center center 0;-o-transform-origin:center center 0;transform-origin:center center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .in.flip-h.live{-webkit-animation-name:fadeIn,backTopIn;-moz-animation-name:fadeIn,backTopIn;-o-animation-name:fadeIn,backTopIn;animation-name:fadeIn,backTopIn}
.lush .in.bounce{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.bounce.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:bounceIn,none;-moz-animation-name:bounceIn,none;-o-animation-name:bounceIn,none;animation-name:bounceIn,none}
.lush .in.bounce-left{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.bounce-left.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:bounceInLeft,none;-moz-animation-name:bounceInLeft,none;-o-animation-name:bounceInLeft,none;animation-name:bounceInLeft,none}
.lush .in.bounce-right{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.bounce-right.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:bounceInRight,none;-moz-animation-name:bounceInRight,none;-o-animation-name:bounceInRight,none;animation-name:bounceInRight,none}
.lush .in.bounce-top{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.bounce-top.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:bounceInDown,none;-moz-animation-name:bounceInDown,none;-o-animation-name:bounceInDown,none;animation-name:bounceInDown,none}
.lush .in.bounce-bottom{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.bounce-bottom.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:bounceInUp,none;-moz-animation-name:bounceInUp,none;-o-animation-name:bounceInUp,none;animation-name:bounceInUp,none}
.lush .in.rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.rotate.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:rotateIn,none;-moz-animation-name:rotateIn,none;-o-animation-name:rotateIn,none;animation-name:rotateIn,none}
.lush .in.left-down-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.left-down-rotate.live{-webkit-animation-name:rotateInDownLeft,none;-moz-animation-name:rotateInDownLeft,none;-o-animation-name:rotateInDownLeft,none;animation-name:rotateInDownLeft,none}
.lush .in.right-down-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.right-down-rotate.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:rotateInDownRight,none;-moz-animation-name:rotateInDownRight,none;-o-animation-name:rotateInDownRight,none;animation-name:rotateInDownRight,none}
.lush .in.left-up-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.left-up-rotate.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:rotateInUpLeft,none;-moz-animation-name:rotateInUpLeft,none;-o-animation-name:rotateInUpLeft,none;animation-name:rotateInUpLeft,none}
.lush .in.right-up-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.right-up-rotate.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:rotateInUpRight,none;-moz-animation-name:rotateInUpRight,none;-o-animation-name:rotateInUpRight,none;animation-name:rotateInUpRight,none}
.lush .in.right-speed{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.right-speed.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:lightSpeedInRight,none;-moz-animation-name:lightSpeedInRight,none;-o-animation-name:lightSpeedInRight,none;animation-name:lightSpeedInRight,none}
.lush .in.left-speed{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .in.left-speed.live{zoom:1;opacity:1;filter:alpha(opacity=100);-webkit-animation-name:lightSpeedInLeft,none;-moz-animation-name:lightSpeedInLeft,none;-o-animation-name:lightSpeedInLeft,none;animation-name:lightSpeedInLeft,none}
.lush .out.left,.lush .out.l{margin-left:0}
.lush .out.left.live,.lush .out.l.live{margin-left:-100%}
.lush .out.right,.lush .out.r{margin-left:0}
.lush .out.right.live,.lush .out.r.live{margin-left:100%}
.lush .out.top,.lush .out.t{margin-top:0;margin-bottom:0}
.lush .out.top.live,.lush .out.t.live{margin-top:-100%;margin-bottom:100%}
.lush .out.bottom,.lush .out.b{margin-top:0;margin-bottom:0}
.lush .out.bottom.live,.lush .out.b.live{margin-top:100%;margin-bottom:-100%}
.lush .out.left-bottom,.lush .out.lb{margin-left:0;margin-top:0;margin-bottom:0}
.lush .out.left-bottom.live,.lush .out.lb.live{margin-left:-100%;margin-top:100%;margin-bottom:-100%}
.lush .out.right-bottom,.lush .out.rb{margin-left:0;margin-top:0;margin-bottom:0}
.lush .out.right-bottom.live,.lush .out.rb.live{margin-left:100%;margin-top:100%;margin-bottom:-100%}
.lush .out.left-top,.lush .out.lt{margin-left:0;margin-top:0;margin-bottom:0}
.lush .out.left-top.live,.lush .out.lt.live{margin-left:-100%;margin-top:-100%;margin-bottom:100%}
.lush .out.right-top,.lush .out.rt{margin-left:0;margin-top:0;margin-bottom:0}
.lush .out.right-top.live,.lush .out.rt.live{margin-left:100%;margin-top:-100%;margin-bottom:100%}
.lush .out.roll-left{margin-left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .out.roll-left.live{margin-left:-100%;-webkit-transform:rotate(-720deg);-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-o-transform:rotate(-720deg);transform:rotate(-720deg)}
.lush .out.roll-right{margin-left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .out.roll-right.live{margin-left:100%;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg)}
.lush .out.roll-top{margin-top:0;margin-bottom:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .out.roll-top.live{margin-top:-100%;margin-bottom:100%;-webkit-transform:rotate(-720deg);-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-o-transform:rotate(-720deg);transform:rotate(-720deg)}
.lush .out.roll-bottom{margin-bottom:0;margin-top:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.lush .out.roll-bottom.live{margin-bottom:-100%;margin-top:100%;-webkit-transform:rotate(-720deg);-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-o-transform:rotate(-720deg);transform:rotate(-720deg)}
.lush .out.fade{zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.fade.live{zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.left-fade.live,.lush .out.lf.live{margin-left:0;opacity:1;filter:alpha(opacity=100);margin-left:-50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.right-fade,.lush .out.rf{margin-left:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.right-fade.live,.lush .out.rf.live{margin-left:50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.top-fade,.lush .out.tf{margin-top:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.top-fade.live,.lush .out.tf.live{margin-top:-50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.bottom-fade,.lush .out.bf{margin-top:0;zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.bottom-fade.live,.lush .out.bf.live{margin-top:50px;zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.front{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.front.live{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.back{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.lush .out.back.live{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.lush .out.left-top-rotate,.lush .out.ltr{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.left-top-rotate.live,.lush .out.ltr.live{-webkit-transform-origin:-50% 0 0;-moz-transform-origin:-50% 0 0;-ms-transform-origin:-50% 0 0;-o-transform-origin:-50% 0 0;transform-origin:-50% 0 0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.right-top-rotate,.lush .out.rtr{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.right-top-rotate.live,.lush .out.rtr.live{-webkit-transform-origin:150% 0 0;-moz-transform-origin:150% 0 0;-ms-transform-origin:150% 0 0;-o-transform-origin:150% 0 0;transform-origin:150% 0 0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.left-bottom-rotate,.lush .out.lbr{-webkit-transform-origin:-50% 0 0;-moz-transform-origin:-50% 0 0;-ms-transform-origin:-50% 0 0;-o-transform-origin:-50% 0 0;transform-origin:-50% 0 0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.left-bottom-rotate.live,.lush .out.lbr.live{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.right-bottom-rotate,.lush .out.rbr{-webkit-transform-origin:150% 0 0;-moz-transform-origin:150% 0 0;-ms-transform-origin:150% 0 0;-o-transform-origin:150% 0 0;transform-origin:150% 0 0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.right-bottom-rotate.live,.lush .out.rbr.live{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.front-rotate,.lush .out.fr{-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.front-rotate.live,.lush .out.fr.live{-webkit-transform:rotate(90deg) scale(2);-moz-transform:rotate(90deg) scale(2);-ms-transform:rotate(90deg) scale(2);-o-transform:rotate(90deg) scale(2);transform:rotate(90deg) scale(2);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.back-rotate,.lush .out.br{-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.back-rotate.live,.lush .out.br.live{-webkit-transform:rotate(90deg) scale(0);-moz-transform:rotate(90deg) scale(0);-ms-transform:rotate(90deg) scale(0);-o-transform:rotate(90deg) scale(0);transform:rotate(90deg) scale(0);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.front-rotate2,.lush .out.fr2{-webkit-transform:rotate(0) scale(1) translate(0,0);-moz-transform:rotate(0) scale(1) translate(0,0);-ms-transform:rotate(0) scale(1) translate(0,0);-o-transform:rotate(0) scale(1) translate(0,0);transform:rotate(0) scale(1) translate(0,0);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.front-rotate2.live,.lush .out.fr2.live{-webkit-transform:rotate(-30deg) scale(2) translate(-100%);-moz-transform:rotate(-30deg) scale(2) translate(-100%);-ms-transform:rotate(-30deg) scale(2) translate(-100%);-o-transform:rotate(-30deg) scale(2) translate(-100%);transform:rotate(-30deg) scale(2) translate(-100%);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.back-rotate2,.lush .out.br2{-webkit-transform:rotate(0) scale(1) translate(0,0);-moz-transform:rotate(0) scale(1) translate(0,0);-ms-transform:rotate(0) scale(1) translate(0,0);-o-transform:rotate(0) scale(1) translate(0,0);transform:rotate(0) scale(1) translate(0,0);zoom:1;opacity:1;filter:alpha(opacity=100)}
.lush .out.back-rotate2.live,.lush .out.br2.live{-webkit-transform:rotate(30deg) scale(0) translate(100%);-moz-transform:rotate(30deg) scale(0) translate(100%);-ms-transform:rotate(30deg) scale(0) translate(100%);-o-transform:rotate(30deg) scale(0) translate(100%);transform:rotate(30deg) scale(0) translate(100%);zoom:1;opacity:0;filter:alpha(opacity=0)}
.lush .out.back-left{-webkit-transform-origin:0 center 0;-moz-transform-origin:0 center 0;-ms-transform-origin:0 center 0;-o-transform-origin:0 center 0;transform-origin:0 center 0;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.back-left.live{-webkit-animation-name:fadeOut,backLeftOut;-moz-animation-name:fadeOut,backLeftOut;-o-animation-name:fadeOut,backLeftOut;animation-name:fadeOut,backLeftOut}
.lush .out.back-right{-webkit-transform-origin:right center 0;-moz-transform-origin:right center 0;-ms-transform-origin:right center 0;-o-transform-origin:right center 0;transform-origin:right center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.back-right.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backRightOut;-moz-animation-name:fadeOut,backRightOut;-o-animation-name:fadeOut,backRightOut;animation-name:fadeOut,backRightOut}
.lush .out.front-right{-webkit-transform-origin:right center 0;-moz-transform-origin:right center 0;-ms-transform-origin:right center 0;-o-transform-origin:right center 0;transform-origin:right center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.front-right.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backLeftOut;-moz-animation-name:fadeOut,backLeftOut;-o-animation-name:fadeOut,backLeftOut;animation-name:fadeOut,backLeftOut}
.lush .out.front-left{-webkit-transform-origin:0 center 0;-moz-transform-origin:0 center 0;-ms-transform-origin:0 center 0;-o-transform-origin:0 center 0;transform-origin:0 center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.front-left.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backRightOut;-moz-animation-name:fadeOut,backRightOut;-o-animation-name:fadeOut,backRightOut;animation-name:fadeOut,backRightOut}
.lush .out.back-bottom{-webkit-transform-origin:bottom center 0;-moz-transform-origin:bottom center 0;-ms-transform-origin:bottom center 0;-o-transform-origin:bottom center 0;transform-origin:bottom center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.back-bottom.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backBottomOut;-moz-animation-name:fadeOut,backBottomOut;-o-animation-name:fadeOut,backBottomOut;animation-name:fadeOut,backBottomOut}
.lush .out.back-top{-webkit-transform-origin:top center 0;-moz-transform-origin:top center 0;-ms-transform-origin:top center 0;-o-transform-origin:top center 0;transform-origin:top center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.back-top.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backTopOut;-moz-animation-name:fadeOut,backTopOut;-o-animation-name:fadeOut,backTopOut;animation-name:fadeOut,backTopOut}
.lush .out.front-bottom{-webkit-transform-origin:bottom center 0;-moz-transform-origin:bottom center 0;-ms-transform-origin:bottom center 0;-o-transform-origin:bottom center 0;transform-origin:bottom center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.front-bottom.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backTopOut;-moz-animation-name:fadeOut,backTopOut;-o-animation-name:fadeOut,backTopOut;animation-name:fadeOut,backTopOut}
.lush .out.front-top{-webkit-transform-origin:top center 0;-moz-transform-origin:top center 0;-ms-transform-origin:top center 0;-o-transform-origin:top center 0;transform-origin:top center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.front-top.live{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:fadeOut,backBottomOut;-moz-animation-name:fadeOut,backBottomOut;-o-animation-name:fadeOut,backBottomOut;animation-name:fadeOut,backBottomOut}
.lush .out.flip{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-transform-origin:center center 0;-moz-transform-origin:center center 0;-ms-transform-origin:center center 0;-o-transform-origin:center center 0;transform-origin:center center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.flip.live{-webkit-animation-name:fadeOut,backLeftOut;-moz-animation-name:fadeOut,backLeftOut;-o-animation-name:fadeOut,backLeftOut;animation-name:fadeOut,backLeftOut}
.lush .out.flip-h{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-transform-origin:center center 0;-moz-transform-origin:center center 0;-ms-transform-origin:center center 0;-o-transform-origin:center center 0;transform-origin:center center 0;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.flip-h.live{-webkit-animation-name:fadeOut,backBottomOut;-moz-animation-name:fadeOut,backBottomOut;-o-animation-name:fadeOut,backBottomOut;animation-name:fadeOut,backBottomOut}
.lush .out.bounce{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.bounce.live{-webkit-animation-name:bounceOut,none;-moz-animation-name:bounceOut,none;-o-animation-name:bounceOut,none;animation-name:bounceOut,none}
.lush .out.bounce-left{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.bounce-left.live{-webkit-animation-name:bounceOutLeft,none;-moz-animation-name:bounceOutLeft,none;-o-animation-name:bounceOutLeft,none;animation-name:bounceOutLeft,none}
.lush .out.bounce-right{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.bounce-right.live{-webkit-animation-name:bounceOutRight,none;-moz-animation-name:bounceOutRight,none;-o-animation-name:bounceOutRight,none;animation-name:bounceOutRight,none}
.lush .out.bounce-top{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.bounce-top.live{-webkit-animation-name:bounceOutUp,none;-moz-animation-name:bounceOutUp,none;-o-animation-name:bounceOutUp,none;animation-name:bounceOutUp,none}
.lush .out.bounce-bottom{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.bounce-bottom.live{-webkit-animation-name:bounceOutDown,none;-moz-animation-name:bounceOutDown,none;-o-animation-name:bounceOutDown,none;animation-name:bounceOutDown,none}
.lush .out.rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.rotate.live{-webkit-animation-name:rotateOut,none;-moz-animation-name:rotateOut,none;-o-animation-name:rotateOut,none;animation-name:rotateOut,none}
.lush .out.left-down-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.left-down-rotate.live{-webkit-animation-name:rotateOutDownLeft,none;-moz-animation-name:rotateOutDownLeft,none;-o-animation-name:rotateOutDownLeft,none;animation-name:rotateOutDownLeft,none}
.lush .out.right-down-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.right-down-rotate.live{-webkit-animation-name:rotateOutDownRight,none;-moz-animation-name:rotateOutDownRight,none;-o-animation-name:rotateOutDownRight,none;animation-name:rotateOutDownRight,none}
.lush .out.left-up-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.left-up-rotate.live{-webkit-animation-name:rotateOutUpLeft,none;-moz-animation-name:rotateOutUpLeft,none;-o-animation-name:rotateOutUpLeft,none;animation-name:rotateOutUpLeft,none}
.lush .out.right-up-rotate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.right-up-rotate.live{-webkit-animation-name:rotateOutUpRight,none;-moz-animation-name:rotateOutUpRight,none;-o-animation-name:rotateOutUpRight,none;animation-name:rotateOutUpRight,none}
.lush .out.right-speed{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.right-speed.live{-webkit-animation-name:lightSpeedOutRight,none;-moz-animation-name:lightSpeedOutRight,none;-o-animation-name:lightSpeedOutRight,none;animation-name:lightSpeedOutRight,none}
.lush .out.left-speed{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.left-speed.live{-webkit-animation-name:lightSpeedOutLeft,none;-moz-animation-name:lightSpeedOutLeft,none;-o-animation-name:lightSpeedOutLeft,none;animation-name:lightSpeedOutLeft,none}
.lush .out.hinge{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.lush .out.hinge.live{-webkit-animation-name:hinge,none;-moz-animation-name:hinge,none;-o-animation-name:hinge,none;animation-name:hinge,none}

附件:下载该文件资源,减少时间成本(增值服务)