@charset "UTF-8"; 

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul
	{
	padding: 0;
	margin: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

abbr,acronym,fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: 400;
	font-style: normal
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	font-size: 100%
}

q:after,q:before {
	content: ""
}

a,a:active,a:hover,a:link,a:visited {
	text-decoration: none;
	color: #434343
}

a:hover {
	color: #36E7DD
}

.tac {
	text-align: center
}

body,html {
	overflow-x: hidden
}

body {
	background-color: #fff;
	font-size: 12px;
	font-weight: 400;
	font-family: arial, STHeiti, "Microsoft Yahei", "微软雅黑", tahoma,
		'Hiragino Sans GB', sans-serif;
	line-height: 1.5;
	color: #434343;
	min-width: 1200px
}

#footer h2,#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul li:nth-child(1),#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul li:first-child,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul li:first-child,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul li:nth-child(1),body#index h2.t
	{
	font-weight: 700
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	height: auto
}

#box_inner_banner {
	margin: 0 auto 30px
}

.clearBoth {
	clear: both
}

.clearBoth:after {
	content: '';
	height: 0;
	width: 100%;
	clear: both;
	display: block
}

.bdsharebuttonbox,.btn {
	display: inline-block
}

.default_box {
	min-height: 400px
}

.btn {
	padding: .5em 2em;
	background: #36E7DD;
	color: #fff
}

.btn:hover {
	color: #36E7DD;
	background: 0 0
}

.bread-crumb {
	color: #8b8b8b;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 0 10px;
	font-size: 12px;
	text-align: right;
	margin-bottom: 20px
}

.bread-crumb a {
	color: #8b8b8b;
	margin: 0 .4em
}

.pageJump {
	text-align: center;
	padding: 30px 0
}

.pageJump .number {
	padding: 3px
}

.pageJump a,.pageJump span {
	margin: 0 .3em;
	line-height: 24px;
	border: 1px solid #ccc;
	font-size: 12px;
	height: 24px;
	padding: .5em;
	background-color: #fff;
	cursor: pointer
}

.pageJump span {
	opacity: .5
}

.pageJump .total {
	padding-top: 10px
}

#header {
	height: 120px;
	width: 100%;
	z-index: 99999;
	overflow: visible;
	background-color: #d0d0d0;
	border-bottom: 1px solid #666
}

#header .wrap {
	overflow: visible;
	position: relative
}

#header #box_logo {
	height: 120px;
	width: 230px;
	float: left;
	text-align: left
}

#header #search,#header #top_nav {
	float: right
}

#header #search .search {
	text-align: right
}

#header #search .search .content {
	position: absolute;
	right: 55px;
	top: 13px;
	display: none
}

#header #search .search .search-content {
	padding-top: 40px
}

#header #search .search .search-content input.input {
	width: 100px;
	border: 0;
	height: 17px;
	padding: 5px 1em;
	color: #ccc;
	background-color: #b0b0b0
}

#header #search .search .search-content input.input .input-up {
	color: #434343
}

#header #search .search .search-content .con-input {
	display: inline-block;
	height: 27px
}

#header #search .search .search-content .con-search {
	margin-left: -5px;
	position: relative;
	height: 27px;
	width: 20px;
	display: inline-block
}

#header #top_nav #box_nav>div #menu .bound>li:hover .popup,#header #top_nav #box_nav>div #menu .bound>li>a span,#header #top_nav #box_nav>div #menu-yoyo .bound>li:hover .popup,#header #top_nav #box_nav>div #menu-yoyo .bound>li>a span
	{
	display: block
}

#header #search .search .search-content .con-search:before {
	position: absolute;
	text-indent: 0;
	font-family: iconfont !important;
	content: '\e69b';
	left: 0;
	right: 0;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	background-color: #b0b0b0;
	line-height: 27px;
	width: 30px;
	height: 27px;
	top: 9px;
	z-index: 1
}

#header #search .search .search-content .btn {
	background-color: transparent;
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 27px;
	overflow: hidden;
	border: none;
	text-indent: -10em;
	left: 0;
	right: 0;
	top: 9px;
	padding: 0;
	color: #666
}

#header #top_nav #box_nav>div #menu,#header #top_nav #box_nav>div #menu-yoyo
	{
	float: right;
	margin-right: 50px
}

#header #top_nav #box_nav>div #menu .bound,#header #top_nav #box_nav>div #menu-yoyo .bound
	{
	width: auto;
	z-index: 999
}

#header #top_nav #box_nav>div #menu .bound>li,#header #top_nav #box_nav>div #menu-yoyo .bound>li
	{
	list-style: none;
	z-index: 1000;
	text-align: center;
	position: relative;
	float: left;
	padding-top: 40px
}

#header #top_nav #box_nav>div #menu .bound>li>a,#header #top_nav #box_nav>div #menu-yoyo .bound>li>a
	{
	padding: 0 15px;
	display: block;
	font-size: 12px;
	color: #666;
	height: 80px
}

#header #top_nav #box_nav>div #menu .bound>li>a.hover,#header #top_nav #box_nav>div #menu .bound>li>a:hover,#header #top_nav #box_nav>div #menu-yoyo .bound>li>a.hover,#header #top_nav #box_nav>div #menu-yoyo .bound>li>a:hover
	{
	color: #36E7DD;
	position: relative
}

#header #top_nav #box_nav>div #menu .bound>li.columns1.hover:before,#header #top_nav #box_nav>div #menu .bound>li.columns1:hover:before,#header #top_nav #box_nav>div #menu .bound>li.columns2.hover:before,#header #top_nav #box_nav>div #menu .bound>li.columns2:hover:before,#header #top_nav #box_nav>div #menu .bound>li.columns3.hover:before,#header #top_nav #box_nav>div #menu .bound>li.columns3:hover:before,#header #top_nav #box_nav>div #menu-yoyo .bound>li.columns1.hover:before,#header #top_nav #box_nav>div #menu-yoyo .bound>li.columns1:hover:before,#header #top_nav #box_nav>div #menu-yoyo .bound>li.columns2.hover:before,#header #top_nav #box_nav>div #menu-yoyo .bound>li.columns2:hover:before,#header #top_nav #box_nav>div #menu-yoyo .bound>li.columns3.hover:before,#header #top_nav #box_nav>div #menu-yoyo .bound>li.columns3:hover:before
	{
	position: absolute;
	z-index: 1000;
	left: 50%;
	bottom: -1px;
	margin-left: -14px;
	content: '';
	width: 0;
	height: 0;
	border-bottom: 14px solid #FFF;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	opacity: 1
}

#header #top_nav #box_nav>div #menu .bound>li>.popup,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup
	{
	position: absolute;
	display: none;
	background-color: rgba(233, 233, 233, .9);
	margin-left: -70px
}

#header #top_nav #box_nav>div #menu .bound>li>.popup.columns2,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup.columns2
	{
	margin-left: -280px
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content
	{
	text-align: left;
	font-size: 12px;
	overflow: hidden
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content>div,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content>div
	{
	padding: 25px 0;
	position: relative
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content>div:after,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content>div:after
	{
	clear: both;
	content: '';
	display: block
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul
	{
	position: relative;
	padding: 0 35px;
	border-right: 1px solid #666;
	height: 100%;
	float: left
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul:last-child,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul:last-child
	{
	border-right: 0
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul li,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul li
	{
	padding: .3em 0
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul li.img,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul li.img
	{
	display: none
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul li a,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul li a
	{
	color: #666
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul li a span,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul li a span
	{
	margin-left: .5em;
	padding-left: .5em;
	border-left: 1px solid #666
}

#header #top_nav #box_nav>div #menu .bound>li>.popup .menu_content ul li a:hover,#header #top_nav #box_nav>div #menu-yoyo .bound>li>.popup .menu_content ul li a:hover
	{
	color: #36E7DD
}

#header #top_nav #box_nav>div #menu-popup,#header #top_nav #box_nav>div #menu-popup-yoyo
	{
	z-index: 999;
	position: absolute;
	top: -1000px;
	width: auto;
	margin-top: 50px
}

#header #top_nav #box_nav>div #menu-popup .popup,#header #top_nav #box_nav>div #menu-popup-yoyo .popup
	{
	background-color: rgba(233, 233, 233, .9)
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content
	{
	line-height: 1;
	font-size: 12px;
	overflow: hidden
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content>div,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content>div
	{
	padding: 25px 0;
	position: relative
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content>div:after,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content>div:after
	{
	clear: both;
	content: '';
	display: block
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul
	{
	position: relative;
	padding: 0 35px;
	border-right: 1px solid #666;
	float: left
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul:last-child,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul:last-child
	{
	border-right: 0
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul li,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul li
	{
	padding: .3em 0
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul li.img,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul li.img
	{
	display: none
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul li a,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul li a
	{
	color: #666;
	line-height: 1
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul li a span,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul li a span
	{
	margin-left: .5em;
	padding-left: .5em;
	border-left: 1px solid #666
}

#header #top_nav #box_nav>div #menu-popup .popup .menu_content ul li a:hover,#header #top_nav #box_nav>div #menu-popup-yoyo .popup .menu_content ul li a:hover
	{
	color: #36E7DD
}

#footer {
	background-color: #626262
}

#footer>.wrap {
	background-color: #494949
}

#footer h2 {
	font-size: 18px;
	color: #9e9e9e;
	text-align: center;
	line-height: 70px;
	padding-top: 30px
}

#footer .search {
	text-align: center;
	margin-bottom: 30px
}

#footer .search .content {
	position: absolute;
	right: 55px;
	top: 13px;
	display: none
}

#footer .search .search-content {
	line-height: 1
}

#footer .search .search-content input.input {
	width: 300px;
	border: 0;
	height: 17px;
	padding: 10px 1em;
	color: #ccc;
	background-color: #b0b0b0
}

#footer .search .search-content input.input .input-up {
	color: #434343
}

#footer .search .search-content .con-search {
	margin-left: -5px;
	position: relative;
	width: 46px;
	height: 36px;
	display: inline-block
}

#footer .search .search-content .con-search:before {
	position: absolute;
	text-indent: 0;
	font-family: iconfont !important;
	content: '\e69b';
	left: 0;
	right: 0;
	width: 46px;
	height: 37px;
	top: 13px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	background-color: #36E7DD;
	z-index: 1
}

#box_category .category:after,#box_category .category:before,#box_category .category>.wrap:after,#box_category .menu-first>ul>li:before,#footer .copyright>.wrap:after,#footer .footerLink:after,.scrollTop i:before,body#index .a:after,body#index .a:before,body#index .in10 ul li+li:after,body#index .in10 ul:after,body#index .t2:before,body#index .t3:before
	{
	content: ''
}

#footer .search .search-content .btn {
	left: 0;
	top: 13px;
	position: absolute;
	z-index: 2;
	background-color: transparent;
	width: 46px;
	height: 37px;
	text-indent: -10em;
	overflow: hidden;
	border: none;
	color: #fff
}

#footer .footerLink {
	padding: 30px 40px;
	width: 720px;
	margin: 0 200px;
	border-top: 1px solid grey
}

#footer .footerLink:after {
	clear: both;
	display: block
}

#footer .footerLink ul {
	padding: 0 3%;
	width: 19%;
	float: left;
	text-align: left
}

#footer .footerLink ul li {
	padding-bottom: 10px
}

#footer .footerLink ul li:first-child a {
	color: #36E7DD
}

#footer .footerLink ul li a {
	color: grey
}

#footer .footerLink ul li a:hover,#footer .footerLink ul:last-child li a
	{
	color: #36E7DD
}

#footer .footerLink .left {
	clear: left;
	margin-top: 20px;
	float: left;
	width: 50%
}

#footer .footerLink .left ul {
	width: auto
}

#footer .footerLink .left ul>li {
	margin-right: 1em;
	display: inline-block;
	text-align: center
}

#footer .footerLink .left ul>li a {
	color: grey
}

#footer .footerLink .left ul>li a:hover {
	color: #36E7DD
}

#footer .footerLink .left ul>li span {
	display: block;
	font-size: 30px
}

#footer .qrcode {
	text-align: center;
	font-size: 10px;
	line-height: 2.5;
	color: grey;
	padding-bottom: 40px
}

#footer .copyright {
	background: #d0d0d0;
	text-align: center
}

#footer .copyright>.wrap {
	padding: 40px 0;
	display: block;
	background: #7c7c7c
}

#footer .copyright>.wrap:after {
	clear: both;
	display: block
}

#footer .copyright ul {
	padding-bottom: 30px
}

#footer .copyright ul li {
	width: 140px;
	text-align: center;
	display: inline-block
}

#footer .copyright ul li a span {
	display: block
}

#footer .copyright div,#footer .copyright p {
	display: inline;
	color: #434343;
	font-size: 12px
}

#footer .copyright div a,#footer .copyright p a {
	color: #434343
}

#footer .copyright div a:hover,#footer .copyright p a:hover {
	color: #36E7DD
}

body#index #index_banner {
	width: 100%;
	min-width: 1200px;
	position: relative;
	overflow: hidden
}

body#index #index_banner #box_banner {
	min-width: 1200px;
	width: 100%;
	height: 100%
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide
	{
	position: relative;
	width: 100%;
	background: #000;
	height: auto;
	overflow: hidden
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .bd
	{
	z-index: 0;
	position: relative;
	margin: 0 auto;
	height: auto;
	overflow: hidden
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .bd UL
	{
	width: 100% !important
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .bd LI
	{
	text-align: center;
	width: 100% !important;
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .bd LI A
	{
	display: block;
	height: auto;
	color: #fff
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .hd
	{
	z-index: 1;
	position: absolute;
	line-height: 30px;
	width: auto;
	bottom: 15px;
	height: 30px;
	left: 45%
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .hd UL
	{
	display: none;
	text-align: center;
	padding-left: 2%;
	width: 100%;
	height: 30px
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .hd UL LI
	{
	filter: alpha(opacity = 50);
	line-height: 999px;
	margin: 1px;
	width: 42px;
	zoom: 1;
	display: inline-block;
	background: #fff;
	float: left;
	height: 8px;
	overflow: hidden;
	cursor: pointer;
	opacity: .5
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .hd UL .on
	{
	background: red
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .prev
	{
	position: absolute;
	top: 50%;
	left: 360px;
	z-index: 100;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -27px
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .next
	{
	position: absolute;
	top: 50%;
	right: 360px;
	z-index: 100;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -27px
}

body#index #index_banner #box_banner .FrontPublic_slideShow01-d6_c1 .fullSlide .bd .f_title
	{
	display: none;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #000;
	filter: alpha(opacity = 40);
	opacity: .4
}

body#index #index_banner #box_banner img {
	min-width: 1200px;
	width: 100%
}

body#index .say {
	position: relative
}

body#index .say>div {
	position: absolute;
	text-align: center;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	top: -50px;
	height: 50px;
	line-height: 50px
}

body#index .say>div ul li {
	float: left;
	display: block;
	width: 25%;
	font-size: 10px;
	background-color: #FFF
}

body#index .say>div ul li a {
	color: #666
}

body#index .say>div ul li:nth-child(2) {
	background-color: #e5e5e5
}

body#index .say>div ul li:nth-child(3) {
	background: #cecece
}

body#index .say>div ul li:nth-child(4) {
	background: #b7b7b7
}

body#index .say>div ul li:hover {
	background: url(/images/yoyo/gbg.jpg) center no-repeat;
	-moz-background-size: cover;
	background-size: cover
}

body#index .say>div ul li:hover a {
	color: #FFF
}

body#index h2.t {
	margin-bottom: 80px;
	text-align: center;
	font-size: 30px;
	background: url(/images/yoyo/gbg.jpg) center no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	color: #FFF;
	padding: 50px 0;
	line-height: 2;
	font-family: arial, STHeiti, "Microsoft Yahei", "微软雅黑", tahoma,
		'Hiragino Sans GB', sans-serif
}

body#index h2.t img {
	display: none
}

body#index h2.t span {
	display: block;
	font-size: 12px;
	font-weight: 400;
	font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif
}

body#index .t2,body#index .t3 {
	padding-top: 240px;
	color: #FFF;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	width: 460px;
	margin: 0 auto;
	position: relative
}

body#index .t2 p:last-child,body#index .t3 p:last-child {
	padding-top: 8px
}

body#index .t2:before,body#index .t3:before {
	position: absolute;
	width: 1px;
	height: 220px;
	background-color: #FFF;
	top: 0;
	left: 50%
}

body#index .t3 {
	padding-top: 100px;
	color: #ccc;
	width: 620px;
	font-size: 18px;
	padding-bottom: 70px
}

body#index .t3 p:last-child {
	border-top: 1px solid #ccc;
	margin-top: 6px;
	padding-top: 6px
}

body#index .t3:before {
	display: none
}

body#index .a {
	margin-top: 50px;
	background: #d0d0d0;
	position: relative
}

body#index .a:after {
	clear: both;
	display: block
}

body#index .a>.wrap {
	width: 960px;
	padding: 96px 120px 0;
	background: url(/images/yoyo/bg.jpg) center
}

body#index .a:before {
	width: 0;
	height: 0;
	position: absolute;
	border: 16px solid transparent;
	border-top: 16px solid #FFF;
	left: 50%;
	top: 0;
	margin-left: -16px
}

body#index .a .video {
	margin-bottom: 50px
}

body#index .a .newsItem {
	position: relative;
	width: 1200px;
	margin: 0 -120px;
	overflow: hidden;
	padding: 50px 0 100px
}

body#index .a .newsItem>.left,body#index .a .newsItem>.right {
	z-index: 9999;
	position: absolute;
	left: 50%;
	line-height: 1;
	top: 50%;
	margin-top: -.5em;
	margin-left: -305px;
	font-size: 60px;
	color: #FFF;
	cursor: pointer
}

body#index .a .newsItem>.left.right,body#index .a .newsItem>.right.right
	{
	margin-left: 250px
}

body#index .a .newsItem ul {
	height: 700px;
	width: 10000px
}

body#index .a .newsItem ul li {
	line-height: 1;
	float: left;
	width: 365px;
	margin-top: 77px;
	position: relative;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: toMin;
	-moz-animation-name: toMin;
	animation-name: toMin
}

body#index .a .newsItem ul li a {
	display: block
}

body#index .a .newsItem ul li:after {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: .3
}

body#index .a .newsItem ul li img {
	width: 100%;
	height: 100%
}

body#index .a .newsItem ul li.active {
	width: 470px;
	margin-top: 0;
	-webkit-animation-name: toBig;
	-moz-animation-name: toBig;
	animation-name: toBig
}

body#index .a .newsItem ul li.active:after {
	display: none
}

body#index .a2 {
	margin-top: -50px;
	text-align: center
}

body#index .a2 strong {
	font-weight: 700;
	color: #FFF;
	padding-bottom: 30px;
	display: block
}

body#index .a2 ul li {
	padding-bottom: 50px
}

body#index .a2 ul li:last-child {
	position: relative
}

body#index .a2 ul li:last-child>div {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 260px
}

body#index .a2 ul li:last-child>div strong {
	font-size: 40px;
	padding-bottom: 0
}

body#index .a2 ul li:last-child>div p:last-child {
	margin-top: 140px
}

body#index .in10 {
	margin-top: -100px
}

body#index .in10 ul:after {
	clear: both;
	display: block
}

body#index .in10 ul li {
	display: inline-block;
	float: left
}

body#index .in10 ul li a {
	display: block;
	text-align: center
}

body#index .in10 ul li a span {
	display: block
}

body#index .in10 ul li+li {
	width: 240px;
	height: 290px;
	overflow: hidden;
	position: relative
}

body#index .in10 ul li+li a,body#index .in10 ul li+li:after,body#index .in10 ul li:nth-child(8) a
	{
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0
}

body#index .in10 ul li+li:after {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	background-color: #36E7DD;
	z-index: 1
}

body#index .in10 ul li+li img {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

body#index .in10 ul li+li:hover:after {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

body#index .in10 ul li+li:hover img {
	-webkit-transform: scale3d(1.15, 1.15, 1.15);
	-moz-transform: scale3d(1.15, 1.15, 1.15);
	transform: scale3d(1.15, 1.15, 1.15)
}

body#index .in10 ul li+li a,body#index .in10 ul li+li img {
	width: 100%;
	height: 100%;
	color: #FFF
}

body#index .in10 ul li+li a {
	z-index: 10
}

body#index .in10 ul li+li a span:first-child {
	padding-top: 110px
}

body#index .in10 ul li:nth-child(2) {
	height: 580px
}

body#index .in10 ul li:nth-child(3) {
	background-color: #969696
}

body#index .in10 ul li:nth-child(5) {
	background-color: #606060
}

body#index .in10 ul li:nth-child(7) {
	background-color: #a1a1a1
}

body#index .in10 ul li:nth-child(10) {
	background-color: #606060
}

body#index .in10 ul li:nth-child(8) {
	height: 580px;
	float: right
}

body#index .in10 ul li:nth-child(8) a span:first-child {
	padding-top: 270px
}

body#index .in10 ul li:nth-child(9) {
	width: 480px;
	background-color: rgba(0, 0, 0, .4)
}

body#index .t4 {
	padding-top: 100px;
	color: #fff
}

body#index .t4 h2>span {
	background: url(/images/yoyo/bg.jpg)
}

.t4 {
	padding-bottom: 70px;
	color: #666;
	font-size: 18px;
	text-align: center
}

.t4 h2 {
	margin: 0 auto 30px;
	width: 120px;
	height: 120px;
	position: relative;
	background: url(/images/yoyo/gbg.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: 700
}

.t4 h2>span {
	font-weight: 700;
	position: absolute;
	left: 3px;
	top: 3px;
	background-color: #efefef;
	width: 114px;
	height: 114px;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.t4 h2>span>span {
	left: 0;
	right: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}

.t4 p.sub {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	width: 280px;
	margin: 6px auto
}

.t4 a.btn {
	display: inline-block;
	background-color: #ccc;
	color: #7b7b7b;
	padding: .5em 1em;
	line-height: 1;
	margin-top: 35px;
	margin-bottom: 60px
}

.t4 a.btn:hover {
	background-color: #36E7DD;
	color: #FFF
}

@
-webkit-keyframes toBig { 0%{
	width: 365px;
	margin-top: 77px
}

100%{
width
:
470px;margin-top
:
0
}
}
@
-moz-keyframes toBig { 0%{
	width: 365px;
	margin-top: 77px
}

100%{
width
:
470px;margin-top
:
0
}
}
@
keyframes toBig { 0%{
	width: 365px;
	margin-top: 77px
}

100%{
width
:
470px;margin-top
:
0
}
}
@
-webkit-keyframes toMin { 100%{
	width: 365px;
	margin-top: 77px
}

0%{
width
:
470px;margin-top
:
0
}
}
@
-moz-keyframes toMin { 100%{
	width: 365px;
	margin-top: 77px
}

0%{
width
:
470px;margin-top
:
0
}
}
@
keyframes toMin { 100%{
	width: 365px;
	margin-top: 77px
}

0%{
width
:
470px;margin-top
:
0
}
}
@
-webkit-keyframes toHide { 0%{
	display: block;
	opacity: .3
}

100%{
opacity
:
0;display
:block
}
}
@
-moz-keyframes toHide { 0%{
	display: block;
	opacity: .3
}

100%{
opacity
:
0;display
:block
}
}
@
keyframes toHide { 0%{
	display: block;
	opacity: .3
}

100%{
opacity
:
0;display
:block
}
}
@
-webkit-keyframes toShow { 100%{
	display: block;
	opacity: .3
}

0%{
opacity
:
0;display
:block
}
}
@
-moz-keyframes toShow { 100%{
	display: block;
	opacity: .3
}

0%{
opacity
:
0;display
:block
}
}
@
keyframes toShow { 100%{
	display: block;
	opacity: .3
}

0%{
opacity
:
0;display
:block
}
}
#box_category {
	color: #717171
}

#box_category .box_title {
	padding-top: 40px
}

#box_category .box_title h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px
}

#box_category .box_title h2 span {
	display: block;
	font-size: 10px;
	font-weight: 400
}

#box_category .category {
	border: solid #717171;
	border-width: 1px 0;
	position: relative;
	margin-bottom: 50px;
	padding: 3px 0
}

#box_category .category:after,#box_category .category:before {
	width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	top: -3px;
	height: 1px;
	background-color: #717171
}

#box_category .category:after {
	top: auto;
	bottom: 1px
}

#box_category .category>.wrap>div {
	width: 100px;
	float: left
}

#box_category .category>.wrap>div+div {
	width: 1100px
}

#box_category .category>.wrap:after {
	clear: both;
	display: block
}

#box_category .menu-first>ul>li {
	padding-left: 3em;
	position: relative;
	display: inline-block
}

#box_category .menu-first>ul>li:before {
	left: 1.5em;
	top: 50%;
	margin-top: -.4em;
	position: absolute;
	width: 1.1em;
	height: .8em;
	background: url(/images/yoyo/xia.png) center no-repeat #717171
}

#box_category .menu-first>ul>li div {
	display: none;
	position: absolute;
	padding-top: 47px;
	top: -20px;
	left: 2em
}

#box_category .menu-first>ul>li div a {
	padding: .2em 1em;
	display: block;
	width: 100%;
	position: relative;
	color: #717171
}

#box_category .menu-first>ul>li div a.current,#box_category .menu-first>ul>li div a:hover
	{
	color: #FFF;
	background-color: #36E7DD
}

#box_article .content,.scrollTop {
	background-color: #efeff0
}

#box_article h1 {
	text-align: center;
	font-size: 26px;
	padding: 90px 0 1px;
	border-bottom: 1px solid #717171;
	color: #717171
}

#box_article h1 span {
	display: block;
	font-size: 12px;
	padding-bottom: 30px;
	border-bottom: 1px solid #717171
}

#box_article .title {
	display: none;
	text-align: center;
	color: #36E7DD;
	padding-top: 2em
}

#box_article .title h3 {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: -1px
}

#box_article .wrap>img:first-child {
	padding: 40px 0;
	margin: 0 auto;
	display: block
}

#box_article .describe.htmledit {
	padding: 60px 180px;
	line-height: 2
}

#box_article .keyword {
	display: none
}

.scrollTop {
	padding: 30px;
	text-align: center
}

#contact .scrollTop,.scrollTop.white {
	background-color: #fff
}

.scrollTop i {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 10px;
	font-style: normal;
	color: #666
}

.scrollTop i:hover {
	color: #36E7DD
}

.scrollTop i:hover:before {
	border-bottom-color: #36E7DD
}

.scrollTop i:before {
	border-top: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #666;
	top: -1.3em;
	left: 50%;
	margin-left: -7px;
	position: absolute
}

#store .content h3 {
	font-size: 16px;
	font-weight: 700
}

#store .content ul>li>span {
	float: right;
	width: 80%;
	text-align: right;
	position: relative
}

#store .content ul>li>span:before {
	position: absolute;
	left: 0;
	content: '▪'
}

#contact .content {
	background-color: transparent
}

#contact .content .describe.htmledit {
	padding: 60px 0
}

#contact .content .l,#contact .content .r {
	width: 50%;
	float: left;
	font-size: 10px;
	text-align: center
}

#contact .content:after {
	clear: both;
	content: '';
	display: block
}

#contact h3.t {
	text-align: center;
	font-size: 16px;
	margin: 50px 0 20px
}

#contact .job li.content {
	position: relative
}

#contact .job li.content:after {
	color: #fff;
	font-size: 24px;
	content: '+';
	position: absolute;
	right: 1em;
	top: 0;
	line-height: 38px
}

#contact .job li.content.open:after {
	content: '-'
}

#contact .job li.content a {
	background-color: #cfcfcf;
	line-height: 38px;
	margin-bottom: 3px;
	padding-left: 80px;
	display: block;
	color: #666
}

#contact .job li.content .newslist ul,#job_detail #newsdetailshow .message,#job_detail #newsdetailshow .other,#job_detail #newsdetailshow .summary,#job_detail #newsdetailshow h2
	{
	display: none
}

#contact .job li.content a:hover {
	color: #666
}

#contact .job li.content iframe {
	border: none;
	width: 100%;
	height: 350px;
	margin-bottom: 3px;
	display: none
}

#job_detail {
	background-color: #efeff0;
	padding: 30px 80px
}

#store_images #box_article .describe.htmledit ul li:after,#store_images #box_article .describe.htmledit ul:after,#store_images #box_article .describe.htmledit:after
	{
	clear: both;
	content: '';
	display: block
}

#brand_video .content {
	background-color: transparent
}

#gallery .t4>h2>span,#info #box_article .describe.htmledit,#join .scrollTop,#store_images .scrollTop
	{
	background-color: #fff
}

#brand_video .content .describe.htmledit {
	text-align: center;
	padding: 60px 0
}

#join #box_article .describe.htmledit {
	padding: 0;
	text-align: center;
	background: #fff
}

#join .t4>h2>span {
	background: #fff
}

#store_images #box_article .describe.htmledit,#store_images .t4>h2>span
	{
	background: #fff;
	padding: 0
}

#store_images #box_article .describe.htmledit ul li {
	padding-bottom: 80px;
	font-size: 12px
}

#store_images #box_article .describe.htmledit ul li img {
	float: left
}

#store_images #box_article .describe.htmledit ul li h3,#store_images #box_article .describe.htmledit ul li hr,#store_images #box_article .describe.htmledit ul li p
	{
	color: #434343;
	margin-left: 730px;
	text-align: left
}

#store_images #box_article .describe.htmledit ul li h3 {
	width: 300px;
	padding-top: 250px;
	font-size: 18px;
	border-bottom: 1px solid #ccc
}

#store_images #box_article .describe.htmledit ul li:nth-child(2n) img {
	float: right
}

#store_images #box_article .describe.htmledit ul li:nth-child(2n) h3,#store_images #box_article .describe.htmledit ul li:nth-child(2n) p
	{
	margin-left: 0;
	margin-right: 730px;
	text-align: right
}

#store_images #box_article .describe.htmledit ul li:nth-child(2n) h3 {
	margin-left: 170px
}

#store_images #box_article .describe.htmledit ul li:last-child h3 {
	border-bottom: none;
	border-top: 1px solid #ccc;
	margin-top: 130px;
	padding-top: 15px
}

#store_images #box_article .describe.htmledit ul li:last-child hr {
	width: 300px;
	border: none;
	border-top: 1px solid #ccc
}

#store_images #box_article .describe.htmledit .picShow {
	padding: 70px;
	border: 1px solid #ccc;
	height: 750px;
	margin-bottom: 100px;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	position: relative
}

#store_images #box_article .describe.htmledit .picShow .left,#store_images #box_article .describe.htmledit .picShow .right
	{
	position: absolute;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #ccc;
	content: 'left';
	top: 350px;
	cursor: pointer;
	text-align: center;
	font-size: 40px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ccc
}

#store_images #box_article .describe.htmledit .picShow .left.icon-zuozuo,#store_images #box_article .describe.htmledit .picShow .right.icon-zuozuo
	{
	line-height: 51px
}

#store_images #box_article .describe.htmledit .picShow .left:hover,#store_images #box_article .describe.htmledit .picShow .right:hover
	{
	color: #36E7DD;
	border-color: #36E7DD
}

#store_images #box_article .describe.htmledit .picShow .right {
	left: auto;
	right: 70px
}

#store_images #box_article .describe.htmledit .picShow .right:before {
	margin-left: 4px
}

#store_images #box_article .describe.htmledit .picShow img {
	display: none;
	position: absolute;
	width: 750px;
	height: 750px;
	left: 50%;
	top: 70px;
	margin-left: -375px
}

#store_images #box_article .describe.htmledit .picShow img:nth-child(3)
	{
	display: block
}

#info #box_article .title {
	display: block;
	border-bottom: 1px solid #717171;
	margin-bottom: 2em
}

#info #box_article .title h3 {
	padding-top: 70px;
	padding-bottom: 30px;
	font-size: 26px;
	color: #717171;
	border-bottom: 1px solid #717171;
	margin-bottom: 1px;
	display: block
}

body#columns_detail #box_article .describe.htmledit {
	padding: 30px
}

.message_box h2 {
	font-size: 18px;
	font-weight: 700;
	color: #36E7DD;
	padding-bottom: 10px
}

.message_box .messages form td,.message_box .messages form th {
	padding: 10px 0
}

.message_box .messages form th {
	text-align: right;
	padding-right: 1em;
	width: 80px
}

.message_box .messages form .text-oper,.message_box .messages form .text-tip
	{
	float: left
}

.message_box .messages form .text-oper {
	position: relative;
	width: 300px
}

.message_box .messages form .text-oper span.fontnone,.message_box .messages form .text-oper span.fontred
	{
	color: #e65250;
	position: absolute
}

.message_box .messages form .text-oper input,.message_box .messages form .text-oper textarea
	{
	margin-left: 15px;
	width: 265px;
	border: 1px solid #9e99a0;
	padding: 5px
}

.message_box .messages form .text-oper textarea {
	height: 5em
}

.message_box .messages form span.tips {
	font-size: 12px;
	color: #9e99a0;
	position: absolute;
	bottom: -20px;
	right: 1.5em
}

.message_box .messages form .verify img {
	width: 80px;
	height: 25px;
	vertical-align: middle;
	margin-left: 1em
}

.message_box .messages form .verify input {
	width: 4em;
	vertical-align: middle
}

.news-list ul.comstyle,.news-list ul.comstyle>li.content {
	width: 100%;
	height: auto;
	overflow: hidden
}

.message_box .messages form .verify a {
	font-size: 12px;
	margin-left: 1em
}

.message_box .messages form .tip-default,.message_box .messages form .tip-error,.message_box .messages form .tip-remind
	{
	font-size: 12px;
	color: #9e99a0
}

.message_box .messages form .tip-error {
	color: #e65250
}

.message_box .messages form .btn {
	display: block;
	padding: .5em 2em;
	border: none;
	background: #36E7DD;
	color: #fff
}

.news-detail #newsdetailshow .message span.author,.news-detail #newsdetailshow .typename,.news-list ul.comstyle>li.content .main .newstitle .author span,.news-list ul.comstyle>li.content .main .newstitle .date span,.news-list ul.comstyle>li.content .summary h3
	{
	display: none
}

.news-list ul.comstyle>li.content {
	border-bottom: 1px #c0d5e8 dashed;
	padding: 10px 0
}

.news-list ul.comstyle>li.content ul {
	height: auto;
	overflow: hidden
}

.news-list ul.comstyle>li.content li {
	float: none;
	height: auto;
	margin: 5px 0;
	width: auto
}

.news-list ul.comstyle>li.content .pic {
	width: 200px;
	height: 130px;
	float: left;
	clear: left
}

.news-list ul.comstyle>li.content .pic img {
	width: 100%;
	height: 100%
}

.news-list ul.comstyle>li.content .main {
	margin-left: 230px
}

.news-list ul.comstyle>li.content .main .newstitle li {
	float: left
}

.news-list ul.comstyle>li.content .main .newstitle .title {
	width: 85%;
	font-size: 18px;
	position: relative;
	margin-bottom: 1em
}

.news-list ul.comstyle>li.content .main .newstitle .title a {
	color: #434343
}

.news-list ul.comstyle>li.content .main .newstitle .title a:hover {
	color: #36E7DD
}

.news-list ul.comstyle>li.content .main .newstitle .date {
	text-align: right;
	width: 15%;
	color: #8b8b8b
}

.news-list ul.comstyle>li.content .main .newstitle .browse {
	text-align: right;
	width: 15%
}

.news-list ul.comstyle>li.content a.detail {
	margin-left: 2em
}

.news-detail #newsdetailshow h1 {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 20px 0 10px;
	border-bottom: none
}

.news-detail #newsdetailshow .message {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	text-align: center
}

.news-detail #newsdetailshow .message span {
	margin: 0 1em;
	color: #8b8b8b
}

.news-detail #newsdetailshow .describe.htmledit {
	padding: 30px
}

.news-detail #newsdetailshow .page {
	line-height: 2
}

#box_article .gallery ul.comstyle {
	height: auto;
	overflow: hidden;
	margin: 0 auto
}

#box_article .gallery ul.comstyle:after {
	clear: both;
	content: '';
	display: block
}

#box_article .gallery ul.comstyle>li.content {
	height: auto;
	overflow: hidden;
	width: 100%;
	padding: 10px 0
}

#box_article .gallery ul.comstyle>li.content:nth-child(2n) {
	background: #fff
}

#box_article .gallery ul.comstyle>li.content ul {
	height: auto;
	overflow: hidden
}

#box_article .gallery ul.comstyle>li.content li {
	float: none;
	height: auto;
	margin: 5px 0;
	width: auto
}

#box_article .gallery ul.comstyle>li.content .pic {
	width: 360px;
	height: 250px;
	float: left;
	clear: left
}

#box_article .gallery ul.comstyle>li.content .pic img {
	width: 100%;
	height: 100%
}

#box_article .gallery ul.comstyle>li.content .main {
	margin-left: 400px
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .title {
	display: block;
	padding: 0 0 0 1.5em;
	font-size: 18px;
	text-align: left;
	position: relative;
	margin-bottom: .5em;
	width: 350px;
	border-bottom: none
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .title a {
	color: #434343
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .title a:hover
	{
	color: #36E7DD
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .title h3
	{
	border-bottom: 1px solid #ccc
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .title:before
	{
	position: absolute;
	left: 0;
	width: 1em;
	height: 1em;
	content: '';
	display: inline-block;
	background: url(/images/yoyo/gbg.jpg) center no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	-moz-border-radius: 50%;
	border-radius: 50%
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .author span
	{
	display: none
}

#box_article .gallery ul.comstyle>li.content .main .newstitle .browse {
	text-align: right;
	width: 15%
}

#box_article .gallery ul.comstyle>li.content .summary {
	padding-left: 2em
}

#box_article .gallery ul.comstyle>li.content .summary h3 {
	display: none
}

#box_article .gallery ul.comstyle>li.content a.detail {
	margin-left: 2em
}

.gallery-detail {
	position: relative
}

.gallery-detail .left,.gallery-detail .right {
	position: absolute;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #ccc;
	content: 'left';
	top: 325px;
	cursor: pointer;
	text-align: center;
	left: 50px;
	font-size: 40px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ccc;
	z-index: 9999
}

.gallery-detail .left.icon-zuozuo,.gallery-detail .right.icon-zuozuo {
	line-height: 51px
}

.gallery-detail .left:hover,.gallery-detail .right:hover {
	color: #36E7DD;
	border-color: #36E7DD
}

.gallery-detail .right {
	left: auto;
	right: 50px
}

.gallery-detail #newsdetailshow h2 {
	display: none;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 20px 0 10px
}

.gallery-detail #newsdetailshow .message {
	display: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	text-align: center
}

.gallery-detail #newsdetailshow .message span {
	margin: 0 1em;
	color: #8b8b8b
}

.gallery-detail #newsdetailshow .message span.author {
	display: none
}

.gallery-detail #newsdetailshow .describe.htmledit {
	padding: 30px;
	position: relative;
	min-height: 750px
}

.gallery-detail #newsdetailshow .describe.htmledit img {
	position: absolute;
	height: 750px;
	left: 50%;
	width: 750px;
	margin-left: -375px;
	display: none
}

.gallery-detail #newsdetailshow .describe.htmledit img:first-child {
	display: block
}

.gallery-detail #newsdetailshow .other,.gallery-detail #newsdetailshow .typename,.product-list ul li.content .number2 span,.product-list ul li.content h1 span
	{
	display: none
}

.gallery-detail #newsdetailshow .page {
	display: none;
	line-height: 2
}

.product-list ul {
	height: auto;
	overflow: hidden
}

.product-list ul li.content {
	width: 220px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 25px
}

.product-list ul li.content:nth-child(4n) {
	margin-right: 0
}

.product-list ul li.content .pic {
	width: 220px;
	position: relative;
	overflow: hidden
}

.product-list ul li.content .pic img {
	width: 220px;
	height: 300px
}
/* 
.product-list ul li.content .pic:after {
	content: 'QUICK LOOK';
	text-align: center;
	position: absolute;
	width: 150px;
	bottom: -1.5em;
	height: 1.5em;
	line-height: 1.5;
	background-color: #666;
	color: #FFF;
	z-index: 999;
	left: 50%;
	margin-left: -75px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
} */

.product-list ul li.content .pic:after {
	content: 'QUICK LOOK';
	text-align: center;
	position: absolute;
	width: 150px;
	bottom: -30px;
	height: 30px;
	line-height: 30px;
	background-color: white;
	color: black;
	z-index: 999;
	left: 50%;
	margin-left: -75px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

.product-list ul li.content:hover .pic:after {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}

.product-list ul li.content .pro-module {
	padding: 7px;
	text-align: left
}

.product-list ul li.content .pro-module .property img {
	width: 18px;
	height: 18px
}

#myModal.reveal-modal {
	z-index: 10000;
	top: 20px;
	background-color: #FFF
}

#myModal.reveal-modal iframe {
	width: 100%;
	height: 710px;
	border: 0;
	overflow: hidden
}

#myModal.reveal-modal>div {
	text-align: center
}

#myModal.reveal-modal>div a.close-reveal-modal {
	background-color: #36E7DD;
	color: #FFF;
	border: 0;
	line-height: 2;
	padding: 10px 20px
}

.product-detail .left,.product-detail .right {
	position: absolute;
	left: 0;
	opacity: .5;
	top: .5em;
	margin-left: 25px;
	font-size: 14px
}

.product-detail .left i,.product-detail .right i {
	font-size: 12px
}

.product-detail .right {
	left: 4em
}

.product-detail .pic-module {
	width: 490px;
	float: left;
	margin: 0 auto
}

.product-detail .pic-module .pic {
	width: 410px;
	height: 545px;
	margin: 0 auto;
	float: right;
	border: 1px solid #666
}

.product-detail .pic-module .pic img {
	padding: 4px;
	width: 402px;
	height: 537px
}

.product-detail .pic-module .show {
	float: left;
	position: relative;
	width: 48px;
	margin-left: 20px;
	overflow: hidden
}

.product-detail .pic-module .show .clickL,.product-detail .pic-module .show .clickR
	{
	width: 25px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: -125px;
	margin-top: -20px
}

.product-detail .pic-module .show .clickL img,.product-detail .pic-module .show .clickR img
	{
	width: 100%;
	height: 100%
}

.product-detail .pic-module .show .picarea {
	width: 384px
}

.product-detail .pic-module .show .imgbox {
	height: 545px;
	overflow: hidden;
	width: 384px;
	margin: 0 auto
}

.product-detail .pic-module .show .imgbox ul li a {
	height: 66px;
	width: 48px;
	margin: 0 0 2px;
	padding: 0;
	overflow: hidden;
	display: block
}

.product-detail .pro-module .specifications,.product-detail .pro-module .specifications li,.product-detail .pro-module ul.basic li.factory span,.product-detail .pro-module ul.basic li.name1 span
	{
	display: none
}

.product-detail .pic-module .show .imgbox ul li a img {
	padding: 2px;
	height: 60px;
	width: 42px;
	border: 1px solid #fff
}

.product-detail .pic-module .show .imgbox ul li a img.currentSmallImg {
	border-color: #36E7DD
}

.product-detail .pro-module {
	margin-left: 510px;
	margin-top: 50px
}

.product-detail .pro-module ul.basic {
	height: auto;
	overflow: hidden
}

.product-detail .pro-module ul.basic li {
	text-align: left;
	margin: 0 15px
}

.product-detail .pro-module ul.basic li.name1 {
	font-weight: 700;
	font-size: 18px
}

.product-detail .pro-module ul.basic li.code {
	font-size: 12px;
	color: #434343;
	border-bottom: 1px dotted #434343
}

.product-detail .pro-module ul.basic li span {
	width: 90px
}

.product-detail .pro-module ul.choose .choose-property ul>li {
	padding-top: 15px;
	margin: 0 15px
}

.product-detail .pro-module ul.choose .choose-property ul>li span:first-child
	{
	display: block;
	font-size: 12px
}

.product-detail .pro-module ul.choose .choose-property ul>li span+span {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-top: 5px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ccc
}

.product-detail .pro-module ul.choose .choose-property ul>li span+span.click
	{
	border: 1px solid #36E7DD;
	background: #ccc
}

.product-detail .pro-module ul.choose .choose-property ul>li span+span img
	{
	border: 2px solid #fff;
	width: 26px;
	height: 26px
}

.product-detail .pro-module ul.more {
	margin-top: 15px
}

.product-detail .pro-module ul.more li {
	margin: 0 15px
}

.product-detail .pro-module ul.more li span {
	width: 8em;
	display: inline-block;
	margin-right: .5em
}

.product-detail .pro-module ul.more li .btn {
	margin-top: 1em;
	border: 1px solid #36E7DD;
	color: #fff
}

.product-detail .pro-module ul.more li .btn:hover {
	color: #36E7DD
}

.product-detail .skimpro {
	display: none
}

.product-detail .detail {
	display: none;
	margin-top: 40px;
	height: auto;
	overflow: hidden
}

.product-detail .detail img {
	max-width: 100%
}

.product-detail .detail ul:first-child {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px
}

.product-detail .detail ul:first-child li {
	display: inline-block;
	padding: 5px 1em;
	background-color: #36E7DD;
	color: #fff
}

.product-detail .detail ul:first-child li a {
	color: #fff
}

.FrontProducts_detail02-d1_c1 .pic,.FrontProducts_detail02-d1_c1 .pic .jqzoom
	{
	position: relative
}

.FrontProducts_detail02-d1_c1 .pic .jqzoom .jqZoomPup {
	position: absolute;
	border: 1px solid #ccc;
	opacity: .4;
	background-color: #FFf
}

.FrontProducts_detail02-d1_c1 .pic .zoomdiv {
	position: absolute;
	left: 445px;
	top: 0;
	z-index: 9999;
	overflow: hidden;
	width: 400px;
	height: 400px
}

.FrontProducts_detail02-d1_c1 .pic .zoomdiv img {
	padding: 0;
	position: absolute;
	width: auto;
	height: auto
}

#productBottom h2 {
	font-size: 40px;
	text-align: center;
	width: 700px;
	margin: 130px auto 70px;
	border-bottom: 1px solid #666;
	padding-bottom: 20px;
	color: #666;
	font-weight: 700;
	font-family: AvantGarde_BT, Arial, Helvetica, Tahoma, Verdana,
		Sans-Serif
}

#productBottom h2 span {
	font-weight: 400;
	display: block;
	font-size: 12px;
	letter-spacing: .2em
}

#productBottom ul {
	width: 1060px;
	margin: 0 auto
}

#productBottom ul:after {
	clear: both;
	content: '';
	display: block
}

#productBottom ul li {
	width: 490px;
	margin-bottom: 40px;
	float: left
}

#productBottom ul li:nth-child(2n) {
	float: right
}

#productBottom ul li a {
	display: block
}

#productBottom ul li a img {
	border: 5px solid #36E7DD;
	width: 480px;
	height: 290px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

#productBottom ul li a:hover img {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05)
}

#productBottom ul li a:after {
	line-height: 50px;
	background-color: #ccc;
	content: 'DETAIL >';
	color: #666;
	text-align: right;
	padding-right: 1em;
	letter-spacing: .05em;
	display: block
}

@
-webkit-keyframes bounceInDown { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-3000
px
,
0);
transform
:translate3d
(0
,
-3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
25
px
,
0);
transform
:translate3d
(0
,
25
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
-10
px
,
0);
transform
:translate3d
(0
,
-10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
5
px
,
0);
transform
:translate3d
(0
,
5
px
,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes bounceInDown { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-3000
px
,
0);
-moz-transform
:translate3d
(0
,
-3000
px
,
0);
transform
:translate3d
(0
,
-3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
25
px
,
0);
-moz-transform
:translate3d
(0
,
25
px
,
0);
transform
:translate3d
(0
,
25
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
-10
px
,
0);
-moz-transform
:translate3d
(0
,
-10
px
,
0);
transform
:translate3d
(0
,
-10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
5
px
,
0);
-moz-transform
:translate3d
(0
,
5
px
,
0);
transform
:translate3d
(0
,
5
px
,
0)
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes bounceInDown { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-3000
px
,
0);
-moz-transform
:translate3d
(0
,
-3000
px
,
0);
transform
:translate3d
(0
,
-3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
25
px
,
0);
-moz-transform
:translate3d
(0
,
25
px
,
0);
transform
:translate3d
(0
,
25
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
-10
px
,
0);
-moz-transform
:translate3d
(0
,
-10
px
,
0);
transform
:translate3d
(0
,
-10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
5
px
,
0);
-moz-transform
:translate3d
(0
,
5
px
,
0);
transform
:translate3d
(0
,
5
px
,
0)
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@
-webkit-keyframes bounceInLeft { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(-3000px
,
0,0);
transform
:translate3d
(-3000px
,
0,0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(25px
,
0,0);
transform
:translate3d
(25px
,
0,0)
}
75%{
-webkit-transform
:translate3d
(-10px
,
0,0);
transform
:translate3d
(-10px
,
0,0)
}
90%{
-webkit-transform
:translate3d
(5px
,
0,0);
transform
:translate3d
(5px
,
0,0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes bounceInLeft { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(-3000px
,
0,0);
-moz-transform
:translate3d
(-3000px
,
0,0);
transform
:translate3d
(-3000px
,
0,0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(25px
,
0,0);
-moz-transform
:translate3d
(25px
,
0,0);
transform
:translate3d
(25px
,
0,0)
}
75%{
-webkit-transform
:translate3d
(-10px
,
0,0);
-moz-transform
:translate3d
(-10px
,
0,0);
transform
:translate3d
(-10px
,
0,0)
}
90%{
-webkit-transform
:translate3d
(5px
,
0,0);
-moz-transform
:translate3d
(5px
,
0,0);
transform
:translate3d
(5px
,
0,0)
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes bounceInLeft { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(-3000px
,
0,0);
-moz-transform
:translate3d
(-3000px
,
0,0);
transform
:translate3d
(-3000px
,
0,0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(25px
,
0,0);
-moz-transform
:translate3d
(25px
,
0,0);
transform
:translate3d
(25px
,
0,0)
}
75%{
-webkit-transform
:translate3d
(-10px
,
0,0);
-moz-transform
:translate3d
(-10px
,
0,0);
transform
:translate3d
(-10px
,
0,0)
}
90%{
-webkit-transform
:translate3d
(5px
,
0,0);
-moz-transform
:translate3d
(5px
,
0,0);
transform
:translate3d
(5px
,
0,0)
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@
-webkit-keyframes bounceInRight { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}

60%{
opacity
:
1;-webkit-transform
:translate3d
(-25px
,
0,0);
transform
:translate3d
(-25px
,
0,0)
}
75%{
-webkit-transform
:translate3d
(10px
,
0,0);
transform
:translate3d
(10px
,
0,0)
}
90%{
-webkit-transform
:translate3d
(-5px
,
0,0);
transform
:translate3d
(-5px
,
0,0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes bounceInRight { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	-moz-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}

60%{
opacity
:
1;-webkit-transform
:translate3d
(-25px
,
0,0);
-moz-transform
:translate3d
(-25px
,
0,0);
transform
:translate3d
(-25px
,
0,0)
}
75%{
-webkit-transform
:translate3d
(10px
,
0,0);
-moz-transform
:translate3d
(10px
,
0,0);
transform
:translate3d
(10px
,
0,0)
}
90%{
-webkit-transform
:translate3d
(-5px
,
0,0);
-moz-transform
:translate3d
(-5px
,
0,0);
transform
:translate3d
(-5px
,
0,0)
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes bounceInRight { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	-moz-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}

60%{
opacity
:
1;-webkit-transform
:translate3d
(-25px
,
0,0);
-moz-transform
:translate3d
(-25px
,
0,0);
transform
:translate3d
(-25px
,
0,0)
}
75%{
-webkit-transform
:translate3d
(10px
,
0,0);
-moz-transform
:translate3d
(10px
,
0,0);
transform
:translate3d
(10px
,
0,0)
}
90%{
-webkit-transform
:translate3d
(-5px
,
0,0);
-moz-transform
:translate3d
(-5px
,
0,0);
transform
:translate3d
(-5px
,
0,0)
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@
-webkit-keyframes bounceInUp { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0)
}

60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
10
px
,
0);
transform
:translate3d
(0
,
10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-5
px
,
0);
transform
:translate3d
(0
,
-5
px
,
0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
-moz-keyframes bounceInUp { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	-moz-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0)
}

60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
-moz-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
10
px
,
0);
-moz-transform
:translate3d
(0
,
10
px
,
0);
transform
:translate3d
(0
,
10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-5
px
,
0);
-moz-transform
:translate3d
(0
,
-5
px
,
0);
transform
:translate3d
(0
,
-5
px
,
0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes bounceInUp { 60%,75%,90%,
	from ,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	-moz-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0)
}

60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
-moz-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
10
px
,
0);
-moz-transform
:translate3d
(0
,
10
px
,
0);
transform
:translate3d
(0
,
10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-5
px
,
0);
-moz-transform
:translate3d
(0
,
-5
px
,
0);
transform
:translate3d
(0
,
-5
px
,
0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@
-webkit-keyframes bounceOutDown { 20%{
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
@
-moz-keyframes bounceOutDown { 20%{
	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
-moz-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-moz-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
@
keyframes bounceOutDown { 20%{
	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
-moz-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-moz-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@
-webkit-keyframes bounceOutLeft { 20%{
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
@
-moz-keyframes bounceOutLeft { 20%{
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-moz-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
@
keyframes bounceOutLeft { 20%{
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-moz-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@
-webkit-keyframes bounceOutRight { 20%{
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
@
-moz-keyframes bounceOutRight { 20%{
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	-moz-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-moz-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
@
keyframes bounceOutRight { 20%{
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	-moz-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-moz-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@
-webkit-keyframes bounceOutUp { 20%{
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
20
px
,
0);
transform
:translate3d
(0
,
20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
@
-moz-keyframes bounceOutUp { 20%{
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
20
px
,
0);
-moz-transform
:translate3d
(0
,
20
px
,
0);
transform
:translate3d
(0
,
20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-moz-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
@
keyframes bounceOutUp { 20%{
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
20
px
,
0);
-moz-transform
:translate3d
(0
,
20
px
,
0);
transform
:translate3d
(0
,
20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-moz-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@
-webkit-keyframes fadeIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
@
-moz-keyframes fadeIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes fadeIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	animation-name: fadeIn
}

@
-webkit-keyframes fadeInDown {
	from {opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInDown {
	from {opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInDown {
	from {opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@
-webkit-keyframes fadeInDownBig {
	from {opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInDownBig {
	from {opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-moz-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInDownBig {
	from {opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-moz-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@
-webkit-keyframes fadeInLeft {
	from {opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInLeft {
	from {opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInLeft {
	from {opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@
-webkit-keyframes fadeInLeftBig {
	from {opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInLeftBig {
	from {opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-moz-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInLeftBig {
	from {opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-moz-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@
-webkit-keyframes fadeInRight {
	from {opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInRight {
	from {opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInRight {
	from {opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@
-webkit-keyframes fadeInRightBig {
	from {opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInRightBig {
	from {opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-moz-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInRightBig {
	from {opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-moz-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@
-webkit-keyframes fadeInUp {
	from {opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInUp {
	from {opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInUp {
	from {opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@
-webkit-keyframes fadeInUpBig {
	from {opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes fadeInUpBig {
	from {opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-moz-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes fadeInUpBig {
	from {opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-moz-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@
-webkit-keyframes fadeOut {
	from {opacity: 1
}

to {
	opacity: 0
}

}
@
-moz-keyframes fadeOut {
	from {opacity: 1
}

to {
	opacity: 0
}

}
@
keyframes fadeOut {
	from {opacity: 1
}

to {
	opacity: 0
}

}
.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	animation-name: fadeOut
}

@
-webkit-keyframes fadeOutDown {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

}
@
-moz-keyframes fadeOutDown {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

}
@
keyframes fadeOutDown {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@
-webkit-keyframes fadeOutDownBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
@
-moz-keyframes fadeOutDownBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-moz-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
@
keyframes fadeOutDownBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-moz-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@
-webkit-keyframes fadeOutLeft {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
@
-moz-keyframes fadeOutLeft {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
@
keyframes fadeOutLeft {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@
-webkit-keyframes fadeOutLeftBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
@
-moz-keyframes fadeOutLeftBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-moz-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
@
keyframes fadeOutLeftBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-moz-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@
-webkit-keyframes fadeOutRight {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
@
-moz-keyframes fadeOutRight {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
@
keyframes fadeOutRight {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@
-webkit-keyframes fadeOutRightBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
@
-moz-keyframes fadeOutRightBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-moz-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
@
keyframes fadeOutRightBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-moz-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@
-webkit-keyframes fadeOutUp {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
-moz-keyframes fadeOutUp {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
keyframes fadeOutUp {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@
-webkit-keyframes fadeOutUpBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
@
-moz-keyframes fadeOutUpBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-moz-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
@
keyframes fadeOutUpBig {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-moz-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@
-webkit-keyframes flip {
	from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

}
@
-moz-keyframes flip {
	from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);-moz-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);-webkit-animation-timing-function
:ease-out
;-moz-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);-moz-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);-webkit-animation-timing-function
:ease-in
;-moz-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);-moz-transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);-webkit-animation-timing-function
:ease-in
;-moz-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
to {
	-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

}
@
keyframes flip {
	from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);-moz-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-190
deg
);-webkit-animation-timing-function
:ease-out
;-moz-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);-moz-transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,150
px
)
 
rotate3d
(0
,
1,0,-170
deg
);-webkit-animation-timing-function
:ease-in
;-moz-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);-moz-transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);transform
:perspective(400px)
 
scale3d
(
.95
,
.95
,
.95
);-webkit-animation-timing-function
:ease-in
;-moz-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
to {
	-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

}
.animated.flip {
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	-moz-animation-name: flip;
	animation-name: flip
}

.flipInX,.flipOutX {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important
}

@
-webkit-keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

}
@
-moz-keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-webkit-animation-timing-function
:ease-in
;-moz-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px)
}

}
@
keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-webkit-animation-timing-function
:ease-in
;-moz-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px)
}

}
.flipInX {
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-animation-name: flipInX;
	animation-name: flipInX
}

@
-webkit-keyframes flipOutX {
	from {-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}

}
@
-moz-keyframes flipOutX {
	from {-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}

}
@
keyframes flipOutX {
	from {-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}

}
.flipOutX {
	-webkit-animation-name: flipOutX;
	-moz-animation-name: flipOutX;
	animation-name: flipOutX;
	backface-visibility: visible !important
}

@
-webkit-keyframes flipOutY {
	from {-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}

}
@
-moz-keyframes flipOutY {
	from {-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}

}
@
keyframes flipOutY {
	from {-webkit-transform: perspective(400px);
	-moz-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);-moz-transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-15
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}

}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-animation-name: flipOutY;
	animation-name: flipOutY
}

@
-webkit-keyframes lightSpeedIn {
	from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:skewX(20deg)
;transform
:skewX(20deg)
;opacity
:
1
}
80%{
-webkit-transform
:skewX(-5deg)
;transform
:skewX(-5deg)
;opacity
:
1
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
-moz-keyframes lightSpeedIn {
	from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:skewX(20deg)
;-moz-transform
:skewX(20deg)
;transform
:skewX(20deg)
;opacity
:
1
}
80%{
-webkit-transform
:skewX(-5deg)
;-moz-transform
:skewX(-5deg)
;transform
:skewX(-5deg)
;opacity
:
1
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes lightSpeedIn {
	from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:skewX(20deg)
;-moz-transform
:skewX(20deg)
;transform
:skewX(20deg)
;opacity
:
1
}
80%{
-webkit-transform
:skewX(-5deg)
;-moz-transform
:skewX(-5deg)
;transform
:skewX(-5deg)
;opacity
:
1
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	-moz-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@
-webkit-keyframes lightSpeedOut {
	from {opacity: 1
}

to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}

}
@
-moz-keyframes lightSpeedOut {
	from {opacity: 1
}

to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	-moz-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}

}
@
keyframes lightSpeedOut {
	from {opacity: 1
}

to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	-moz-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}

}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	-moz-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@
-webkit-keyframes rotateIn {
	from {-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0
}

to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
-moz-keyframes rotateIn {
	from {-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	-moz-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0
}

to {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateIn {
	from {-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	-moz-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0
}

to {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	animation-name: rotateIn
}

@
-webkit-keyframes rotateInDownLeft {
	from {-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
-moz-keyframes rotateInDownLeft {
	from {-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInDownLeft {
	from {-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@
-webkit-keyframes rotateInDownRight {
	from {-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
-moz-keyframes rotateInDownRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInDownRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@
-webkit-keyframes rotateInUpRight {
	from {-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
-moz-keyframes rotateInUpRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	-moz-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInUpRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	-moz-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@
-webkit-keyframes rotateOut {
	from {-webkit-transform-origin: center;
	transform-origin: center;
	opacity: 1
}

to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}

}
@
-moz-keyframes rotateOut {
	from {-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	opacity: 1
}

to {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	-moz-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}

}
@
keyframes rotateOut {
	from {-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	opacity: 1
}

to {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	-moz-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}

}
.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	animation-name: rotateOut
}

@
-webkit-keyframes rotateOutDownLeft {
	from {-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

}
@
-moz-keyframes rotateOutDownLeft {
	from {-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

}
@
keyframes rotateOutDownLeft {
	from {-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@
-webkit-keyframes rotateOutDownRight {
	from {-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
@
-moz-keyframes rotateOutDownRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
@
keyframes rotateOutDownRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@
-webkit-keyframes rotateOutUpLeft {
	from {-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
@
-moz-keyframes rotateOutUpLeft {
	from {-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
@
keyframes rotateOutUpLeft {
	from {-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@
-webkit-keyframes rotateOutUpRight {
	from {-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}

}
@
-moz-keyframes rotateOutUpRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	-moz-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}

}
@
keyframes rotateOutUpRight {
	from {-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	-moz-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}

}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@
-webkit-keyframes hinge { 0%{
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate3d
(0
,
0,1,80
deg
);transform
:rotate3d
(0
,
0,1,80
deg
);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%,80%{
-webkit-transform
:rotate3d
(0
,
0,1,60
deg
);transform
:rotate3d
(0
,
0,1,60
deg
);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}

}
@
-moz-keyframes hinge { 0%{
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate3d
(0
,
0,1,80
deg
);-moz-transform
:rotate3d
(0
,
0,1,80
deg
);transform
:rotate3d
(0
,
0,1,80
deg
);-webkit-transform-origin
:top
 
left
;-moz-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;-moz-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%,80%{
-webkit-transform
:rotate3d
(0
,
0,1,60
deg
);-moz-transform
:rotate3d
(0
,
0,1,60
deg
);transform
:rotate3d
(0
,
0,1,60
deg
);-webkit-transform-origin
:top
 
left
;-moz-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;-moz-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	-moz-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}

}
@
keyframes hinge { 0%{
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate3d
(0
,
0,1,80
deg
);-moz-transform
:rotate3d
(0
,
0,1,80
deg
);transform
:rotate3d
(0
,
0,1,80
deg
);-webkit-transform-origin
:top
 
left
;-moz-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;-moz-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%,80%{
-webkit-transform
:rotate3d
(0
,
0,1,60
deg
);-moz-transform
:rotate3d
(0
,
0,1,60
deg
);transform
:rotate3d
(0
,
0,1,60
deg
);-webkit-transform-origin
:top
 
left
;-moz-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;-moz-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	-moz-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}

}
.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	animation-name: hinge
}

@
-webkit-keyframes rollIn {
	from {opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
-moz-keyframes rollIn {
	from {opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	-moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
@
keyframes rollIn {
	from {opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	-moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}

to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}

}
.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	animation-name: rollIn
}

@
-webkit-keyframes rollOut {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}

}
@
-moz-keyframes rollOut {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	-moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}

}
@
keyframes rollOut {
	from {opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	-moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}

}
.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	animation-name: rollOut
}

@
-webkit-keyframes zoomIn {
	from {opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
@
-moz-keyframes zoomIn {
	from {opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	-moz-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
@
keyframes zoomIn {
	from {opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	-moz-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}

50%{
opacity
:
1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	-moz-animation-name: zoomIn;
	animation-name: zoomIn
}

@
-webkit-keyframes zoomInDown {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
-moz-keyframes zoomInDown {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
keyframes zoomInDown {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	-moz-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@
-webkit-keyframes zoomInLeft {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
-moz-keyframes zoomInLeft {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
keyframes zoomInLeft {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(10px
,
0,0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	-moz-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@
-webkit-keyframes zoomInRight {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
-moz-keyframes zoomInRight {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
keyframes zoomInRight {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(-10px
,
0,0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	-moz-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@
-webkit-keyframes zoomInUp {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
-moz-keyframes zoomInUp {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
@
keyframes zoomInUp {
	from {opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
-moz-transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
transform
:scale3d
(
.475
,
.475
,
.475
)
 
translate3d
(0
,
-60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
-moz-animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1);
animation-timing-function
:cubic-bezier
(
.175
,
.885
,
.32
,
1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	-moz-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@
-webkit-keyframes zoomOutDown { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}

}
@
-moz-keyframes zoomOutDown { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	-moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}

}
@
keyframes zoomOutDown { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	-moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}

}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	-moz-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@
-webkit-keyframes zoomOutLeft { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}

}
@
-moz-keyframes zoomOutLeft { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	-moz-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center
}

}
@
keyframes zoomOutLeft { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	-moz-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center
}

}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	-moz-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@
-webkit-keyframes zoomOutRight { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

}
@
-moz-keyframes zoomOutRight { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	-moz-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	transform-origin: right center
}

}
@
keyframes zoomOutRight { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	-moz-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	transform-origin: right center
}

}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	-moz-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@
-webkit-keyframes zoomOutUp { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}

}
@
-moz-keyframes zoomOutUp { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	-moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}

}
@
keyframes zoomOutUp { 40%{
	opacity: 1;
	-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	-moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	-moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	-moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}

}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	-moz-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@
-webkit-keyframes slideOutLeft {
	from {-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
@
-moz-keyframes slideOutLeft {
	from {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
@
keyframes slideOutLeft {
	from {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	-moz-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@
-webkit-keyframes slideOutRight {
	from {-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
@
-moz-keyframes slideOutRight {
	from {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
@
keyframes slideOutRight {
	from {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	-moz-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@
-webkit-keyframes slideOutUp {
	from {-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
-moz-keyframes slideOutUp {
	from {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
keyframes slideOutUp {
	from {-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	-moz-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@font-face {
	font-family: iconfont;
	src: url(../styles/iconfont.eot?t=1459300122);
	src: url(../styles/iconfont.eot?t=1459300122#iefix)
		format("embedded-opentype"), url(../styles/iconfont.woff?t=1459300122)
		format("woff"), url(../styles/iconfont.ttf?t=1459300122)
		format("truetype"), url(../styles/iconfont.svg?t=1459300122#iconfont)
		format("svg")
}

.iconfont {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.icon-youyou:before {
	content: "\e639"
}

.icon-zuozuo:before {
	content: "\e604"
}

.icon-you:before {
	content: "\e62a"
}

.icon-dizhi:before {
	content: "\e694"
}

.icon-gouwuche:before {
	content: "\e617"
}

.icon-sousuo:before {
	content: "\e69b"
}

.reveal-modal-bg {
	z-index: 9991;
	position: fixed;
	height: 100%;
	width: 100%;
	background: #fff;
	background: rgba(255, 255, 255, .4);
	display: none;
	top: 0;
	left: 0
}

.reveal-modal {
	z-index: 9993;
	visibility: hidden;
	top: 50%;
	left: 50%;
	position: absolute;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .4);
	box-shadow: 0 0 25px rgba(0, 0, 0, .4)
}

.reveal-modal.small {
	width: 200px;
	margin-left: -140px
}

.reveal-modal.medium {
	width: 400px;
	margin-left: -240px
}

.reveal-modal.large {
	width: 600px;
	margin-left: -340px
}

.reveal-modal.xlarge {
	width: 900px;
	margin-left: -450px
}

#myModal.reveal-modal.xxlarge {
	width: 1200px;
	margin-left: -600px
}

#myModal.reveal-modal.xxlarge iframe {
	height: 820px
}

.reveal-modal .close-reveal-modal {
	font-size: 18px;
	line-height: .5;
	position: absolute;
	top: 15px;
	right: 11px;
	color: #434343;
	text-shadow: 0 -1px 1px #FFF;
	cursor: pointer
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY
	{
	-webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	animation-duration: .75s
}
/*# sourceMappingURL=yoyo.css.map */