@charset "utf-8";.he-wrap{position:relative;zoom:1;display:inline-block;*display:inline;position:relative}.he-view,.he-zoom{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;visibility:hidden}.he-zoom img{position:absolute;top:0;left:0}.he-zoomstate{position:absolute;bottom:0;right:0;background:#c00;color:#fff;border-radius:3px 0 0 0;font-size:12px;line-height:16px;padding:0 4px;box-shadow:-1px -1px 1px rgba(204,0,0,.3)}.he-view-show{visibility:visible}.he-sliders{overflow:hidden}.he-sliders img{display:none}.he-sliders img:first-child{display:inline-block;*display:inline;*zoom:1}.he-pre,.he-next{position:absolute;top:50%;left:0;width:61px;height:35px;margin-top:-18px;background:url(nav.png) no-repeat top left;cursor:pointer}.he-next{left:auto;right:0;background-position:top right}.a0,.a1,.a2,.a3,.a4,.a5,.a6,.a7{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s}.a1{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.a2{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.a3{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}.a4{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.a5{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.a6{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}.a7{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}@-webkit-keyframes flipInLeft{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0.5}60%{-webkit-transform:perspective(400px) rotateY(-10deg)}80%{-webkit-transform:perspective(400px) rotateY(5deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInLeft{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0.5}60%{-moz-transform:perspective(400px) rotateY(-10deg)}80%{-moz-transform:perspective(400px) rotateY(5deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInLeft{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0.5}60%{-o-transform:perspective(400px) rotateY(-10deg)}80%{-o-transform:perspective(400px) rotateY(5deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInLeft{0%{transform:perspective(400px) rotateY(90deg);opacity:0.5}60%{transform:perspective(400px) rotateY(-10deg)}80%{transform:perspective(400px) rotateY(5deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInLeft{-webkit-transform-style:preserve-3d;-webkit-animation-name:flipInLeft;-webkit-transform-origin:0 50%;-moz-transform-style:preserve-3d;-moz-animation-name:flipInLeft;-moz-transform-origin:0 50%;-o-transform-style:preserve-3d;-o-animation-name:flipInLeft;-o-transform-origin:0 50%;transform-style:preserve-3d;animation-name:flipInLeft;transform-origin:0 50%}@-webkit-keyframes flipInRight{0%{-webkit-transform:perspective(400px) rotateY(-90deg);opacity:0.5}60%{-webkit-transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInRight{0%{-moz-transform:perspective(400px) rotateY(-90deg);opacity:0.5}60%{-moz-transform:perspective(400px) rotateY(10deg)}80%{-moz-transform:perspective(400px) rotateY(-5deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInRight{0%{-o-transform:perspective(400px) rotateY(-90deg);opacity:0.5}60%{-o-transform:perspective(400px) rotateY(10deg)}80%{-o-transform:perspective(400px) rotateY(-5deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInRight{0%{transform:perspective(400px) rotateY(-90deg);opacity:0.5}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInRight{-webkit-transform-style:preserve-3d;-webkit-animation-name:flipInRight;-webkit-transform-origin:100% 50%;-moz-transform-style:preserve-3d;-moz-animation-name:flipInRight;-moz-transform-origin:100% 50%;-o-transform-style:preserve-3d;-o-animation-name:flipInRight;-o-transform-origin:100% 50%;transform-style:preserve-3d;animation-name:flipInRight;transform-origin:100% 50%}@-webkit-keyframes flipInDown{0%{-webkit-transform:perspective(400px) rotateX(-90deg);opacity:0.5}60%{-webkit-transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInDown{0%{-moz-transform:perspective(400px) rotateX(-90deg);opacity:0.5}60%{-moz-transform:perspective(400px) rotateX(10deg)}80%{-moz-transform:perspective(400px) rotateX(-5deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInDown{0%{-o-transform:perspective(400px) rotateX(-90deg);opacity:0.5}60%{-o-transform:perspective(400px) rotateX(10deg)}80%{-o-transform:perspective(400px) rotateX(-5deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInDown{0%{transform:perspective(400px) rotateX(-90deg);opacity:0.5}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInDown{-webkit-transform-style:preserve-3d;-webkit-animation-name:flipInDown;-webkit-transform-origin:50% 0%;-moz-transform-style:preserve-3d;-moz-animation-name:flipInDown;-moz-transform-origin:50% 0%;-o-transform-style:preserve-3d;-o-animation-name:flipInDown;-o-transform-origin:50% 0%;transform-style:preserve-3d;animation-name:flipInDown;transform-origin:50% 0%}@-webkit-keyframes flipInUp{0%{-webkit-transform:perspective(300px) rotateX(90deg);opacity:0.5}60%{-webkit-transform:perspective(300px) rotateX(-10deg)}80%{-webkit-transform:perspective(300px) rotateX(5deg)}100%{-webkit-transform:perspective(300px) rotateX(0deg);opacity:1}}@-webkit-keyframes flipInUp{0%{-webkit-transform:perspective(300px) rotateX(90deg);opacity:0.5}60%{-webkit-transform:perspective(300px) rotateX(-10deg)}80%{-webkit-transform:perspective(300px) rotateX(5deg)}100%{-webkit-transform:perspective(300px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInUp{0%{-moz-transform:perspective(300px) rotateX(90deg);opacity:0.5}60%{-moz-transform:perspective(300px) rotateX(-10deg)}80%{-moz-transform:perspective(300px) rotateX(5deg)}100%{-moz-transform:perspective(300px) rotateX(0deg);opacity:1}}@-o-keyframes flipInUp{0%{-o-transform:perspective(300px) rotateX(90deg);opacity:0.5}60%{-o-transform:perspective(300px) rotateX(-10deg)}80%{-o-transform:perspective(300px) rotateX(5deg)}100%{-o-transform:perspective(300px) rotateX(0deg);opacity:1}}@keyframes flipInUp{0%{transform:perspective(300px) rotateX(90deg);opacity:0.5}60%{transform:perspective(300px) rotateX(-10deg)}80%{transform:perspective(300px) rotateX(5deg)}100%{transform:perspective(300px) rotateX(0deg);opacity:1}}.flipInUp{-webkit-transform-style:preserve-3d;-webkit-animation-name:flipInUp;-webkit-transform-origin:50% 100%;-moz-transform-style:preserve-3d;-moz-animation-name:flipInUp;-moz-transform-origin:50% 100%;-o-transform-style:preserve-3d;-o-animation-name:flipInUp;-o-transform-origin:50% 100%;transform-style:preserve-3d;animation-name:flipInUp;transform-origin:50% 100%}.flipInV,flipInH{-webkit-transform-style:preserve-3d;-webkit-animation-name:flipInDown;-webkit-transform-origin:50% 50%;-moz-transform-style:preserve-3d;-moz-animation-name:flipInDown;-moz-transform-origin:50% 50%;-o-transform-style:preserve-3d;-o-animation-name:flipInDown;-o-transform-origin:50% 50%;transform-style:preserve-3d;animation-name:flipInDown;transform-origin:50% 50%}.flipInH{-webkit-animation-name:flipInLeft;-moz-animation-name:flipInLeft;-o-animation-name:flipInLeft;animation-name:flipInLeft}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes zoomIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes zoomIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.zoomIn{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;-o-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInLeft{0%{opacity:.3;-webkit-transform:scale(.4) translateX(-1000px)}70%{opacity:1;-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.95) translateX(0px)}100%{-webkit-transform:scale(1)}}@-moz-keyframes zoomInLeft{0%{opacity:.3;-moz-transform:scale(.4) translateX(-1000px)}70%{opacity:1;-moz-transform:scale(1.05)}90%{-moz-transform:scale(.95) translateX(0px)}100%{-moz-transform:scale(1)}}@-o-keyframes zoomInLeft{0%{opacity:.3;-o-transform:scale(.4) translateX(-1000px)}70%{opacity:1;-o-transform:scale(1.05)}90%{-o-transform:scale(.95) translateX(0px)}100%{-o-transform:scale(1)}}@keyframes zoomInLeft{0%{opacity:.3;transform:scale(.4) translateX(-1000px)}70%{opacity:1;transform:scale(1.05)}90%{transform:scale(.95) translateX(0px)}100%{transform:scale(1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;-moz-animation-name:zoomInLeft;-o-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:.3;-webkit-transform:scale(.4) translateX(1000px)}70%{opacity:1;-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.95) translateX(0px)}100%{-webkit-transform:scale(1)}}@-moz-keyframes zoomInRight{0%{opacity:.3;-moz-transform:scale(.4) translateX(1000px)}70%{opacity:1;-moz-transform:scale(1.05)}90%{-moz-transform:scale(.95) translateX(0px)}100%{-moz-transform:scale(1)}}@-o-keyframes zoomInRight{0%{opacity:.3;-o-transform:scale(.4) translateX(1000px)}70%{opacity:1;-o-transform:scale(1.05)}90%{-o-transform:scale(.95) translateX(0px)}100%{-o-transform:scale(1)}}@keyframes zoomInRight{0%{opacity:.3;transform:scale(.4) translateX(1000px)}70%{opacity:1;transform:scale(1.05)}90%{transform:scale(.95) translateX(0px)}100%{transform:scale(1)}}.zoomInRight{-webkit-animation-name:zoomInRight;-moz-animation-name:zoomInRight;-o-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:.3;-webkit-transform:scale(.4) translateY(-1000px)}70%{opacity:1;-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.95) translateY(0px)}100%{-webkit-transform:scale(1)}}@-moz-keyframes zoomInUp{0%{opacity:.3;-moz-transform:scale(.4) translateY(-1000px)}70%{opacity:1;-moz-transform:scale(1.05)}90%{-moz-transform:scale(.95) translateY(0px)}100%{-moz-transform:scale(1)}}@-o-keyframes zoomInUp{0%{opacity:.3;-o-transform:scale(.4) translateY(-1000px)}70%{opacity:1;-o-transform:scale(1.05)}90%{-o-transform:scale(.95) translateY(0px)}100%{-o-transform:scale(1)}}@keyframes zoomInUp{0%{opacity:.3;transform:scale(.4) translateY(-1000px)}70%{opacity:1;transform:scale(1.05)}90%{transform:scale(.95) translateY(0px)}100%{transform:scale(1)}}.zoomInUp{-webkit-animation-name:zoomInUp;-moz-animation-name:zoomInUp;-o-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomInDown{0%{opacity:.3;-webkit-transform:scale(.4) translateY(1000px)}70%{opacity:1;-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.95) translateY(0px)}100%{-webkit-transform:scale(1)}}@-moz-keyframes zoomInDown{0%{opacity:.3;-moz-transform:scale(.4) translateY(1000px)}70%{opacity:1;-moz-transform:scale(1.05)}90%{-moz-transform:scale(.95) translateY(0px)}100%{-moz-transform:scale(1)}}@-o-keyframes zoomInDown{0%{opacity:.3;-o-transform:scale(.4) translateY(1000px)}70%{opacity:1;-o-transform:scale(1.05)}90%{-o-transform:scale(.95) translateY(0px)}100%{-o-transform:scale(1)}}@keyframes zoomInDown{0%{opacity:.3;transform:scale(.4) translateY(1000px)}70%{opacity:1;transform:scale(1.05)}90%{transform:scale(.95) translateY(0px)}100%{transform:scale(1)}}.zoomInDown{-webkit-animation-name:zoomInDown;-moz-animation-name:zoomInDown;-o-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0%)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-100%)}100%{opacity:1;-moz-transform:translateX(0%)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-100%)}100%{opacity:1;-o-transform:translateX(0%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0%)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(100%)}100%{opacity:1;-moz-transform:translateX(0%)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(100%)}100%{opacity:1;-o-transform:translateX(0%)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0%)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0%)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(100%)}100%{opacity:1;-moz-transform:translateY(0%)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(100%)}100%{opacity:1;-o-transform:translateY(0%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0%)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0%)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-100%)}100%{opacity:1;-moz-transform:translateY(0%)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-100%)}100%{opacity:1;-o-transform:translateY(0%)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0%)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(360deg) scale(.1)}100%{opacity:1;-webkit-transform:rotate(0deg) scale(1)}}@-moz-keyframes rotateIn{0%{opacity:0;-moz-transform:rotate(360deg) scale(.1)}100%{opacity:1;-moz-transform:rotate(0deg) scale(1)}}@-o-keyframes rotateIn{0%{opacity:0;-o-transform:rotate(360deg) scale(.1)}100%{opacity:1;-o-transform:rotate(0deg) scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(360deg) scale(.1)}100%{opacity:1;transform:rotate(0deg) scale(1)}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInLeft{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rotateInLeft{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rotateInLeft{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rotateInLeft{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rotateInLeft{-webkit-animation-name:rotateInLeft;-moz-animation-name:rotateInLeft;-o-animation-name:rotateInLeft;animation-name:rotateInLeft}@-webkit-keyframes rotateInRight{0%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rotateInRight{0%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rotateInRight{0%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rotateInRight{0%{opacity:0;transform:translateX(100%) rotate(120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rotateInRight{-webkit-animation-name:rotateInRight;-moz-animation-name:rotateInRight;-o-animation-name:rotateInRight;animation-name:rotateInRight}@-webkit-keyframes rotateInUp{0%{opacity:0;-webkit-transform:translateY(100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateY(0px) rotate(0deg)}}@-moz-keyframes rotateInUp{0%{opacity:0;-moz-transform:translateY(100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateY(0px) rotate(0deg)}}@-o-keyframes rotateInUp{0%{opacity:0;-o-transform:translateY(100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateY(0px) rotate(0deg)}}@keyframes rotateInUp{0%{opacity:0;transform:translateY(100%) rotate(-120deg)}100%{opacity:1;transform:translateY(0px) rotate(0deg)}}.rotateInUp{-webkit-animation-name:rotateInUp;-moz-animation-name:rotateInUp;-o-animation-name:rotateInUp;animation-name:rotateInUp}@-webkit-keyframes rotateInDown{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(120deg)}100%{opacity:1;-webkit-transform:translateY(0px) rotate(0deg)}}@-moz-keyframes rotateInDown{0%{opacity:0;-moz-transform:translateY(-100%) rotate(120deg)}100%{opacity:1;-moz-transform:translateY(0px) rotate(0deg)}}@-o-keyframes rotateInDown{0%{opacity:0;-o-transform:translateY(-100%) rotate(120deg)}100%{opacity:1;-o-transform:translateY(0px) rotate(0deg)}}@keyframes rotateInDown{0%{opacity:0;transform:translateY(-100%) rotate(120deg)}100%{opacity:1;transform:translateY(0px) rotate(0deg)}}.rotateInDown{-webkit-animation-name:rotateInDown;-moz-animation-name:rotateInDown;-o-animation-name:rotateInDown;animation-name:rotateInDown}@-webkit-keyframes jellyInDown{0%{-webkit-transform:translateY(-1000px);opacity:0}40%{-webkit-transform:translateY(0px);opacity:1}50%{-webkit-transform:scale(1.1,.9)}60%{-webkit-transform:scale(.95,1.05)}70%{-webkit-transform:scale(1.05,.95)}80%{-webkit-transform:scale(.98,1.02)}90%{-webkit-transform:scale(1.02,.98)}100%{-webkit-transform:scale(1)}}@-moz-keyframes jellyInDown{0%{-moz-transform:translateY(-1000px);opacity:0}40%{-moz-transform:translateY(0px);opacity:1}50%{-moz-transform:scale(1.1,.9)}60%{-moz-transform:scale(.95,1.05)}70%{-moz-transform:scale(1.05,.95)}80%{-moz-transform:scale(.98,1.02)}90%{-moz-transform:scale(1.02,.98)}100%{-moz-transform:scale(1)}}@-o-keyframes jellyInDown{0%{-o-transform:translateY(-1000px);opacity:0}40%{-o-transform:translateY(0px);opacity:1}50%{-o-transform:scale(1.1,.9)}60%{-o-transform:scale(.95,1.05)}70%{-o-transform:scale(1.05,.95)}80%{-o-transform:scale(.98,1.02)}90%{-o-transform:scale(1.02,.98)}100%{-o-transform:scale(1)}}@keyframes jellyInDown{0%{transform:translateY(-1000px);opacity:0}40%{transform:translateY(0px);opacity:1}50%{transform:scale(1.1,.9)}60%{transform:scale(.95,1.05)}70%{transform:scale(1.05,.95)}80%{transform:scale(.98,1.02)}90%{transform:scale(1.02,.98)}100%{transform:scale(1)}}.jellyInDown{-webkit-animation-name:jellyInDown;-webkit-transform-origin:50% 100%;-moz-animation-name:jellyInDown;-moz-transform-origin:50% 100%;-o-animation-name:jellyInDown;-o-transform-origin:50% 100%;animation-name:jellyInDown;transform-origin:50% 100%}@-webkit-keyframes jellyInUp{0%{-webkit-transform:translateY(1000px);opacity:0}40%{-webkit-transform:translateY(0px);opacity:1}50%{-webkit-transform:scale(1.1,.9)}60%{-webkit-transform:scale(.95,1.05)}70%{-webkit-transform:scale(1.05,.95)}80%{-webkit-transform:scale(.98,1.02)}90%{-webkit-transform:scale(1.02,.98)}100%{-webkit-transform:scale(1)}}@-moz-keyframes jellyInUp{0%{-moz-transform:translateY(1000px);opacity:0}40%{-moz-transform:translateY(0px);opacity:1}50%{-moz-transform:scale(1.1,.9)}60%{-moz-transform:scale(.95,1.05)}70%{-moz-transform:scale(1.05,.95)}80%{-moz-transform:scale(.98,1.02)}90%{-moz-transform:scale(1.02,.98)}100%{-moz-transform:scale(1)}}@-o-keyframes jellyInUp{0%{-o-transform:translateY(1000px);opacity:0}40%{-o-transform:translateY(0px);opacity:1}50%{-o-transform:scale(1.1,.9)}60%{-o-transform:scale(.95,1.05)}70%{-o-transform:scale(1.05,.95)}80%{-o-transform:scale(.98,1.02)}90%{-o-transform:scale(1.02,.98)}100%{-o-transform:scale(1)}}@keyframes jellyInUp{0%{transform:translateY(1000px);opacity:0}40%{transform:translateY(0px);opacity:1}50%{transform:scale(1.1,.9)}60%{transform:scale(.95,1.05)}70%{transform:scale(1.05,.95)}80%{transform:scale(.98,1.02)}90%{transform:scale(1.02,.98)}100%{transform:scale(1)}}.jellyInUp{-webkit-animation-name:jellyInUp;-webkit-transform-origin:50% 0%;-moz-animation-name:jellyInUp;-moz-transform-origin:50% 0%;-o-animation-name:jellyInUp;-o-transform-origin:50% 0%;animation-name:jellyInUp;transform-origin:50% 0%}@-webkit-keyframes jellyInLeft{0%{-webkit-transform:translateX(-1000px);opacity:0}40%{-webkit-transform:translateX(0px);opacity:1}50%{-webkit-transform:scale(.9,1.1)}60%{-webkit-transform:scale(1.05,.95)}70%{-webkit-transform:scale(.95,1.05)}80%{-webkit-transform:scale(1.02,.98)}90%{-webkit-transform:scale(.98,1.02)}100%{-webkit-transform:scale(1)}}@-moz-keyframes jellyInLeft{0%{-moz-transform:translateX(-1000px);opacity:0}40%{-moz-transform:translateX(0px);opacity:1}50%{-moz-transform:scale(.9,1.1)}60%{-moz-transform:scale(1.05,.95)}70%{-moz-transform:scale(.95,1.05)}80%{-moz-transform:scale(1.02,.98)}90%{-moz-transform:scale(.98,1.02)}100%{-moz-transform:scale(1)}}@-o-keyframes jellyInLeft{0%{-o-transform:translateX(-1000px);opacity:0}40%{-o-transform:translateX(0px);opacity:1}50%{-o-transform:scale(.9,1.1)}60%{-o-transform:scale(1.05,.95)}70%{-o-transform:scale(.95,1.05)}80%{-o-transform:scale(1.02,.98)}90%{-o-transform:scale(.98,1.02)}100%{-o-transform:scale(1)}}@keyframes jellyInLeft{0%{transform:translateX(-1000px);opacity:0}40%{transform:translateX(0px);opacity:1}50%{transform:scale(.9,1.1)}60%{transform:scale(1.05,.95)}70%{transform:scale(.95,1.05)}80%{transform:scale(1.02,.98)}90%{transform:scale(.98,1.02)}100%{transform:scale(1)}}.jellyInLeft{-webkit-animation-name:jellyInLeft;-webkit-transform-origin:100% 50%;-moz-animation-name:jellyInLeft;-moz-transform-origin:100% 50%;-o-animation-name:jellyInLeft;-o-transform-origin:100% 50%;animation-name:jellyInLeft;transform-origin:100% 50%}@-webkit-keyframes jellyInRight{0%{-webkit-transform:translateX(1000px);opacity:0}40%{-webkit-transform:translateX(0px);opacity:1}50%{-webkit-transform:scale(.9,1.1)}60%{-webkit-transform:scale(1.05,.95)}70%{-webkit-transform:scale(.95,1.05)}80%{-webkit-transform:scale(1.02,.98)}90%{-webkit-transform:scale(.98,1.02)}100%{-webkit-transform:scale(1)}}@-moz-keyframes jellyInRight{0%{-moz-transform:translateX(1000px);opacity:0}40%{-moz-transform:translateX(0px);opacity:1}50%{-moz-transform:scale(.9,1.1)}60%{-moz-transform:scale(1.05,.95)}70%{-moz-transform:scale(.95,1.05)}80%{-moz-transform:scale(1.02,.98)}90%{-moz-transform:scale(.98,1.02)}100%{-moz-transform:scale(1)}}@-o-keyframes jellyInRight{0%{-o-transform:translateX(1000px);opacity:0}40%{-o-transform:translateX(0px);opacity:1}50%{-o-transform:scale(.9,1.1)}60%{-o-transform:scale(1.05,.95)}70%{-o-transform:scale(.95,1.05)}80%{-o-transform:scale(1.02,.98)}90%{-o-transform:scale(.98,1.02)}100%{-o-transform:scale(1)}}@keyframes jellyInRight{0%{transform:translateX(1000px);opacity:0}40%{transform:translateX(0px);opacity:1}50%{transform:scale(.9,1.1)}60%{transform:scale(1.05,.95)}70%{transform:scale(.95,1.05)}80%{transform:scale(1.02,.98)}90%{transform:scale(.98,1.02)}100%{transform:scale(1)}}.jellyInRight{-webkit-animation-name:jellyInRight;-webkit-transform-origin:0% 50%;-moz-animation-name:jellyInRight;-moz-transform-origin:0% 50%;-o-animation-name:jellyInRight;-o-transform-origin:0% 50%;animation-name:jellyInRight;transform-origin:0% 50%}@-webkit-keyframes bounceInLeft{0%{-webkit-transform:translateX(-1000px)}34%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(0px)}52%{-webkit-transform:translateX(-24px);-webkit-animation-timing-function:ease-in}70%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}79%{-webkit-transform:translateX(-8px);-webkit-animation-timing-function:ease-in}88%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}94%{-webkit-transform:translateX(-3px);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:translateX(0px)}}@-moz-keyframes bounceInLeft{0%{-moz-transform:translateX(-1000px)}34%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(0px)}52%{-moz-transform:translateX(-24px);-moz-animation-timing-function:ease-in}70%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}79%{-moz-transform:translateX(-8px);-moz-animation-timing-function:ease-in}88%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}94%{-moz-transform:translateX(-3px);-moz-animation-timing-function:ease-in}100%{-moz-transform:translateX(0px)}}@-o-keyframes bounceInLeft{0%{-o-transform:translateX(-1000px)}34%{-o-animation-timing-function:ease-out;-o-transform:translateX(0px)}52%{-o-transform:translateX(-24px);-o-animation-timing-function:ease-in}70%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}79%{-o-transform:translateX(-8px);-o-animation-timing-function:ease-in}88%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}94%{-o-transform:translateX(-3px);-o-animation-timing-function:ease-in}100%{-o-transform:translateX(0px)}}@keyframes bounceInLeft{0%{transform:translateX(-1000px)}34%{animation-timing-function:ease-out;transform:translateX(0px)}52%{transform:translateX(-24px);animation-timing-function:ease-in}70%{transform:translateX(0px);animation-timing-function:ease-out}79%{transform:translateX(-8px);animation-timing-function:ease-in}88%{transform:translateX(0px);animation-timing-function:ease-out}94%{transform:translateX(-3px);animation-timing-function:ease-in}100%{transform:translateX(0px)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{-webkit-transform:translateX(1000px)}34%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(0px)}52%{-webkit-transform:translateX(24px);-webkit-animation-timing-function:ease-in}70%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}79%{-webkit-transform:translateX(8px);-webkit-animation-timing-function:ease-in}88%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}94%{-webkit-transform:translateX(3px);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:translateX(0px)}}@-moz-keyframes bounceInRight{0%{-moz-transform:translateX(1000px)}34%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(0px)}52%{-moz-transform:translateX(24px);-moz-animation-timing-function:ease-in}70%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}79%{-moz-transform:translateX(8px);-moz-animation-timing-function:ease-in}88%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}94%{-moz-transform:translateX(3px);-moz-animation-timing-function:ease-in}100%{-moz-transform:translateX(0px)}}@-o-keyframes bounceInRight{0%{-o-transform:translateX(1000px)}34%{-o-animation-timing-function:ease-out;-o-transform:translateX(0px)}52%{-o-transform:translateX(24px);-o-animation-timing-function:ease-in}70%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}79%{-o-transform:translateX(8px);-o-animation-timing-function:ease-in}88%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}94%{-o-transform:translateX(3px);-o-animation-timing-function:ease-in}100%{-o-transform:translateX(0px)}}@keyframes bounceInRight{0%{transform:translateX(1000px)}34%{animation-timing-function:ease-out;transform:translateX(0px)}52%{transform:translateX(24px);animation-timing-function:ease-in}70%{transform:translateX(0px);animation-timing-function:ease-out}79%{transform:translateX(8px);animation-timing-function:ease-in}88%{transform:translateX(0px);animation-timing-function:ease-out}94%{transform:translateX(3px);animation-timing-function:ease-in}100%{transform:translateX(0px)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{-webkit-transform:translateY(1000px)}34%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(0px)}52%{-webkit-transform:translateY(24px);-webkit-animation-timing-function:ease-in}70%{-webkit-transform:translateY(0px);-webkit-animation-timing-function:ease-out}79%{-webkit-transform:translateY(8px);-webkit-animation-timing-function:ease-in}88%{-webkit-transform:translateY(0px);-webkit-animation-timing-function:ease-out}94%{-webkit-transform:translateY(3px);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:translateY(0px)}}@-moz-keyframes bounceInUp{0%{-moz-transform:translateY(1000px)}34%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(0px)}52%{-moz-transform:translateY(24px);-moz-animation-timing-function:ease-in}70%{-moz-transform:translateY(0px);-moz-animation-timing-function:ease-out}79%{-moz-transform:translateY(8px);-moz-animation-timing-function:ease-in}88%{-moz-transform:translateY(0px);-moz-animation-timing-function:ease-out}94%{-moz-transform:translateY(3px);-moz-animation-timing-function:ease-in}100%{-moz-transform:translateY(0px)}}@-o-keyframes bounceInUp{0%{-o-transform:translateY(1000px)}34%{-o-animation-timing-function:ease-out;-o-transform:translateY(0px)}52%{-o-transform:translateY(24px);-o-animation-timing-function:ease-in}70%{-o-transform:translateY(0px);-o-animation-timing-function:ease-out}79%{-o-transform:translateY(8px);-o-animation-timing-function:ease-in}88%{-o-transform:translateY(0px);-o-animation-timing-function:ease-out}94%{-o-transform:translateY(3px);-o-animation-timing-function:ease-in}100%{-o-transform:translateY(0px)}}@keyframes bounceInUp{0%{transform:translateY(1000px)}34%{animation-timing-function:ease-out;transform:translateY(0px)}52%{transform:translateY(24px);animation-timing-function:ease-in}70%{transform:translateY(0px);animation-timing-function:ease-out}79%{transform:translateY(8px);animation-timing-function:ease-in}88%{transform:translateY(0px);animation-timing-function:ease-out}94%{transform:translateY(3px);animation-timing-function:ease-in}100%{transform:translateY(0px)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{-webkit-transform:translateY(-1000px)}34%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(0px)}52%{-webkit-transform:translateY(-24px);-webkit-animation-timing-function:ease-in}70%{-webkit-transform:translateY(0px);-webkit-animation-timing-function:ease-out}79%{-webkit-transform:translateY(-8px);-webkit-animation-timing-function:ease-in}88%{-webkit-transform:translateY(0px);-webkit-animation-timing-function:ease-out}94%{-webkit-transform:translateY(-3px);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:translateY(0px)}}@-moz-keyframes bounceInDown{0%{-moz-transform:translateY(-1000px)}34%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(0px)}52%{-moz-transform:translateY(-24px);-moz-animation-timing-function:ease-in}70%{-moz-transform:translateY(0px);-moz-animation-timing-function:ease-out}79%{-moz-transform:translateY(-8px);-moz-animation-timing-function:ease-in}88%{-moz-transform:translateY(0px);-moz-animation-timing-function:ease-out}94%{-moz-transform:translateY(-3px);-moz-animation-timing-function:ease-in}100%{-moz-transform:translateY(0px)}}@-o-keyframes bounceInDown{0%{-o-transform:translateY(-1000px)}34%{-o-animation-timing-function:ease-out;-o-transform:translateY(0px)}52%{-o-transform:translateY(-24px);-o-animation-timing-function:ease-in}70%{-o-transform:translateY(0px);-o-animation-timing-function:ease-out}79%{-o-transform:translateY(-8px);-o-animation-timing-function:ease-in}88%{-o-transform:translateY(0px);-o-animation-timing-function:ease-out}94%{-o-transform:translateY(-3px);-o-animation-timing-function:ease-in}100%{-o-transform:translateY(0px)}}@keyframes bounceInDown{0%{transform:translateY(-1000px)}34%{animation-timing-function:ease-out;transform:translateY(0px)}52%{transform:translateY(-24px);animation-timing-function:ease-in}70%{transform:translateY(0px);animation-timing-function:ease-out}79%{transform:translateY(-8px);animation-timing-function:ease-in}88%{transform:translateY(0px);animation-timing-function:ease-out}94%{transform:translateY(-3px);animation-timing-function:ease-in}100%{transform:translateY(0px)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounce{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(0px)}37%{-webkit-transform:translateY(-24px);-webkit-animation-timing-function:ease-in}54%{-webkit-transform:translateY(0px);-webkit-animation-timing-function:ease-out}68%{-webkit-transform:translateY(-8px);-webkit-animation-timing-function:ease-in}82%{-webkit-transform:translateY(0px);-webkit-animation-timing-function:ease-out}91%{-webkit-transform:translateY(-3px);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:translateY(0px)}}@-moz-keyframes bounce{0%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(0px)}37%{-moz-transform:translateY(-24px);-moz-animation-timing-function:ease-in}54%{-moz-transform:translateY(0px);-moz-animation-timing-function:ease-out}68%{-moz-transform:translateY(-8px);-moz-animation-timing-function:ease-in}82%{-moz-transform:translateY(0px);-moz-animation-timing-function:ease-out}91%{-moz-transform:translateY(-3px);-moz-animation-timing-function:ease-in}100%{-moz-transform:translateY(0px)}}@-o-keyframes bounce{0%{-o-animation-timing-function:ease-out;-o-transform:translateY(0px)}37%{-o-transform:translateY(-24px);-o-animation-timing-function:ease-in}54%{-o-transform:translateY(0px);-o-animation-timing-function:ease-out}68%{-o-transform:translateY(-8px);-o-animation-timing-function:ease-in}82%{-o-transform:translateY(0px);-o-animation-timing-function:ease-out}91%{-o-transform:translateY(-3px);-o-animation-timing-function:ease-in}100%{-o-transform:translateY(0px)}}@keyframes bounce{0%{animation-timing-function:ease-out;transform:translateY(0px)}37%{transform:translateY(-24px);animation-timing-function:ease-in}54%{transform:translateY(0px);animation-timing-function:ease-out}68%{transform:translateY(-8px);animation-timing-function:ease-in}82%{transform:translateY(0px);animation-timing-function:ease-out}91%{transform:translateY(-3px);animation-timing-function:ease-in}100%{transform:translateY(0px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes elasticInLeft{0%{opacity:0;-webkit-transform:translateX(-1000px);-webkit-animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:translateX(30px);-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:translateX(-10px);-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateX(0)}}@-moz-keyframes elasticInLeft{0%{opacity:0;-moz-transform:translateX(-1000px);-moz-animation-timing-function:ease-in-out}60%{opacity:1;-moz-transform:translateX(30px);-moz-animation-timing-function:ease-in-out}80%{-moz-transform:translateX(-10px);-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateX(0)}}@-o-keyframes elasticInLeft{0%{opacity:0;-o-transform:translateX(-1000px);-o-animation-timing-function:ease-in-out}60%{opacity:1;-o-transform:translateX(30px);-o-animation-timing-function:ease-in-out}80%{-o-transform:translateX(-10px);-o-animation-timing-function:ease-in-out}100%{-o-transform:translateX(0)}}@keyframes elasticInLeft{0%{opacity:0;transform:translateX(-1000px);animation-timing-function:ease-in-out}60%{opacity:1;transform:translateX(30px);animation-timing-function:ease-in-out}80%{transform:translateX(-10px);animation-timing-function:ease-in-out}100%{transform:translateX(0)}}.elasticInLeft{-webkit-animation-name:elasticInLeft;-moz-animation-name:elasticInLeft;-o-animation-name:elasticInLeft;animation-name:elasticInLeft}@-webkit-keyframes elasticInRight{0%{opacity:0;-webkit-transform:translateX(1000px);-webkit-animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:translateX(-30px);-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:translateX(10px);-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateX(0)}}@-moz-keyframes elasticInRight{0%{opacity:0;-moz-transform:translateX(1000px);-moz-animation-timing-function:ease-in-out}60%{opacity:1;-moz-transform:translateX(-30px);-moz-animation-timing-function:ease-in-out}80%{-moz-transform:translateX(10px);-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateX(0)}}@-o-keyframes elasticInRight{0%{opacity:0;-o-transform:translateX(1000px);-o-animation-timing-function:ease-in-out}60%{opacity:1;-o-transform:translateX(-30px);-o-animation-timing-function:ease-in-out}80%{-o-transform:translateX(10px);-o-animation-timing-function:ease-in-out}100%{-o-transform:translateX(0)}}@keyframes elasticInRight{0%{opacity:0;transform:translateX(1000px);animation-timing-function:ease-in-out}60%{opacity:1;transform:translateX(-30px);animation-timing-function:ease-in-out}80%{transform:translateX(10px);animation-timing-function:ease-in-out}100%{transform:translateX(0)}}.elasticInRight{-webkit-animation-name:elasticInRight;-moz-animation-name:elasticInRight;-o-animation-name:elasticInRight;animation-name:elasticInRight}@-webkit-keyframes elasticInUp{0%{opacity:0;-webkit-transform:translateY(1000px);-webkit-animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:translateY(-30px);-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:translateY(10px);-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(0)}}@-moz-keyframes elasticInUp{0%{opacity:0;-moz-transform:translateY(1000px);-moz-animation-timing-function:ease-in-out}60%{opacity:1;-moz-transform:translateY(-30px);-moz-animation-timing-function:ease-in-out}80%{-moz-transform:translateY(10px);-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(0)}}@-o-keyframes elasticInUp{0%{opacity:0;-o-transform:translateY(1000px);-o-animation-timing-function:ease-in-out}60%{opacity:1;-o-transform:translateY(-30px);-o-animation-timing-function:ease-in-out}80%{-o-transform:translateY(10px);-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(0)}}@keyframes elasticInUp{0%{opacity:0;transform:translateY(1000px);animation-timing-function:ease-in-out}60%{opacity:1;transform:translateY(-30px);animation-timing-function:ease-in-out}80%{transform:translateY(10px);animation-timing-function:ease-in-out}100%{transform:translateY(0)}}.elasticInUp{-webkit-animation-name:elasticInUp;-moz-animation-name:elasticInUp;-o-animation-name:elasticInUp;animation-name:elasticInUp}@-webkit-keyframes elasticInDown{0%{opacity:0;-webkit-transform:translateY(-1000px);-webkit-animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:translateY(30px);-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:translateY(-10px);-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(0)}}@-moz-keyframes elasticInDown{0%{opacity:0;-moz-transform:translateY(-1000px);-moz-animation-timing-function:ease-in-out}60%{opacity:1;-moz-transform:translateY(30px);-moz-animation-timing-function:ease-in-out}80%{-moz-transform:translateY(-10px);-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(0)}}@-o-keyframes elasticInDown{0%{opacity:0;-o-transform:translateY(-1000px);-o-animation-timing-function:ease-in-out}60%{opacity:1;-o-transform:translateY(30px);-o-animation-timing-function:ease-in-out}80%{-o-transform:translateY(-10px);-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(0)}}@keyframes elasticInDown{0%{opacity:0;transform:translateY(-1000px);animation-timing-function:ease-in-out}60%{opacity:1;transform:translateY(30px);animation-timing-function:ease-in-out}80%{transform:translateY(-10px);animation-timing-function:ease-in-out}100%{transform:translateY(0)}}.elasticInDown{-webkit-animation-name:elasticInDown;-moz-animation-name:elasticInDown;-o-animation-name:elasticInDown;animation-name:elasticInDown}@-webkit-keyframes shake{10%{-webkit-transform:translateX(7px)}30%{-webkit-transform:translateX(-7px)}50%{-webkit-transform:translateX(5px)}70%{-webkit-transform:translateX(-5px)}90%{-webkit-transform:translateX(3px)}100%{-webkit-transform:translateX(0px)}}@-moz-keyframes shake{10%{-moz-transform:translateX(7px)}30%{-moz-transform:translateX(-7px)}50%{-moz-transform:translateX(5px)}70%{-moz-transform:translateX(-5px)}90%{-moz-transform:translateX(3px)}100%{-moz-transform:translateX(0px)}}@-o-keyframes shake{10%{-o-transform:translateX(7px)}30%{-o-transform:translateX(-7px)}50%{-o-transform:translateX(5px)}70%{-o-transform:translateX(-5px)}90%{-o-transform:translateX(3px)}100%{-o-transform:translateX(0px)}}@keyframes shake{10%{transform:translateX(7px)}30%{transform:translateX(-7px)}50%{transform:translateX(5px)}70%{transform:translateX(-5px)}90%{transform:translateX(3px)}100%{transform:translateX(0px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes pendulum{10%{-webkit-transform:rotate(15deg)}30%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(5deg)}70%{-webkit-transform:rotate(-5deg)}90%{-webkit-transform:rotate(2deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes pendulum{10%{-moz-transform:rotate(15deg)}30%{-moz-transform:rotate(-10deg)}50%{-moz-transform:rotate(5deg)}70%{-moz-transform:rotate(-5deg)}90%{-moz-transform:rotate(2deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes pendulum{10%{-o-transform:rotate(15deg)}30%{-o-transform:rotate(-10deg)}50%{-o-transform:rotate(5deg)}70%{-o-transform:rotate(-5deg)}90%{-o-transform:rotate(2deg)}100%{-o-transform:rotate(0deg)}}@keyframes pendulum{10%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}70%{transform:rotate(-5deg)}90%{transform:rotate(2deg)}100%{transform:rotate(0deg)}}.pendulum{-webkit-animation-name:pendulum;-moz-animation-name:pendulum;-o-animation-name:pendulum;animation-name:pendulum} /*templae 1*/ .tpl1 .sider-right { position:absolute; top:0; right:0; bottom:0; width:45px; background-color:#fefefe; background-color:rgba(255,255,255,.8); box-shadow:0 0 3px rgba(0,0,0,.4); } .tpl1 .sider-right a { display:block; height:50px; margin-top:13px; background-position:center center; background-repeat:no-repeat; } .tpl1 .zoom { background-image:url(zoom.png); } .tpl1 .undo { background-image:url(undo.png); } .tpl1 .check { background-image:url(check.png); } .tpl1 .close { background-image:url(close.png); } .tpl1 a.zoom:hover { background-image:url(zoom-hover.png); } .tpl1 a.close:hover { background-image:url(close-hover.png); } .tpl1 a.undo:hover { background-image:url(undo-hover.png); } .tpl1 a.check:hover { background-image:url(check-hover.png); } /*template 2*/ .tpl2 .bg { background-color:#fff; background-color:rgba(255,255,255,.5); width:100%; height:100%; } .tpl2 .center-bar { height:32px; position:absolute; top:50%; margin-top:-16px; text-align:center; width:100%; } .tpl2 .center-bar a { display:inline-block; width:32px; height:32px; margin:0 3px; } .tpl2 .twitter { background:url(twitter.png) no-repeat center center; } .tpl2 a.twitter:hover { background:url(twitter-hover.png) no-repeat center center; } .tpl2 .in { background:url(in.png) no-repeat center center; } .tpl2 a.in:hover { background:url(in-hover.png) no-repeat center center; } .tpl2 .facebook { background:url(facebook.png) no-repeat center center; } .tpl2 a.facebook:hover { background:url(facebook-hover.png) no-repeat center center; } .tpl2 .google { background:url(google.png) no-repeat center center; } .tpl2 a.google:hover { background:url(google-hover.png) no-repeat center center; } /*template 3*/ .tpl3 .info-bottom { position:absolute; left:0; right:0; bottom:0; background-color:#fefefe; background-color:rgba(255,255,255,.7); box-shadow:0 0 3px rgba(0,0,0,.5); padding:10px; text-align:center; font-size:14px; color:#333; text-shadow: 1px 1px 0 #fff; } .tpl3 .info-top { position:absolute; left:0; right:0; top:0; background-color:#fefefe; background-color:rgba(255,255,255,.7); box-shadow:0px 0 3px rgba(0,0,0,.5); padding:10px; text-align:center; font-size:14px; color:#333; text-shadow: 1px 1px 0 #fff; } .tpl3 .info-fly { position:absolute; left:20px; right:20px; bottom:20px; background-color:#fefefe; background-color:rgba(255,255,255,.7); box-shadow:0 0 3px rgba(0,0,0,.5); border-radius:3px; padding:10px; text-align:center; font-size:14px; color:#333; text-shadow: 1px 1px 0 #fff; } .tpl4 .bg,.tpl4 .content { position:absolute; width:100%; height:100%; } .tpl4 .bg div { width:20%; height:100%; display: inline-block; *zoom:1; *display:inline; background-color:#aaa; background-color:rgba(0,0,0,.4); } .tpl4 .content .info-title { color:#fefefe; font-size:18px; margin:0; padding:10px; text-shadow:1px 1px 2px rgba(0,0,0,.5); background-color:#999; background-color:rgba(0,0,0,.3); } .tpl4 .content .detail { padding: 8px 10px; font-size:14px; line-height:1.5em; color:#fdfdfd; text-shadow:1px 1px 1px rgba(0,0,0,.3); } .tpl4 .content .more { text-decoration: none; position:absolute; bottom:0; right:0; font-size:13px; padding:5px 8px; color:#fff; background-color:#FFF; background:rgba(0,0,0,.5); border-radius:5px 0 0 0; } .tpl5 .price { border-radius:100%; font-size:30px; font-weight:bold; color:#fff; background:#c00; line-height:60px; text-align:center; padding:15px; display:block; position:absolute; text-decoration:none; bottom:10px; right:10px; width:60px; height:60px; text-shadow:1px 1px 2px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.3); } .tpl5 .buy { font-size:16px; font-weight:bold; color:#fff; text-decoration:none; position:absolute; top:40px; left:110px; background:#c00; border-radius:4px; padding:8px 12px; box-shadow:0 0 5px rgba(0,0,0,.3); text-shadow:1px 1px 2px rgba(0,0,0,.5); } .tpl6 .bg { height:100%; width:100%; background-color:#444; background-color:rgba(0,0,0,.5); text-align:center; } .tpl6 h3 { background-color:000; background-color:rgba(0,0,0,.8); color:#fff; margin:0; padding:8px; font-size:16px; font-weight:bold; text-shadow:1px 1px 3px #000; box-shadow:0 0 5px rgba(0,0,0,.5); } .tpl6 .btn { display:inline-block; padding:10px; background:#CCC; background:rgba(255,255,255,.4); text-decoration:none; margin:90px 5px 0 5px; color:#ddd; text-shadow:1px 1px 1px rgba(0,0,0,.5); border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.3); } .tpl6 .btn span { color:#fff; padding:0 2px; font-weight:bold; }