/* Style CSS with Reverse Animation with jQuery*/
.play {
	position:absolute;
	text-align:center;
	width:200px;
	height:20px;
	padding:90px 0;
	border-radius:100px;
	margin-left:379px;
	top:221px;
	background: rgba(255,255,255,0.3);
	display:block;
	font-size:24px;
	color:#1b99f1;
	z-index:100;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
	border: 1px solid #fff;
	box-shadow: 0 0 5px #fff;
}
.play:hover {
	color:#1b99f1;
	background: rgba(255,255,255,0.75);
	border: 1px solid #00c6ff;
	box-shadow: 0 0 5px #00c6ff;
}



/* ===================== connection ===================== */

#connection {
	width: 960px;
	margin: 30px auto;
	overflow: hidden;
}
.connection {
	width:960px;
	min-height:450px;
	margin:0 10px;
	position:relative;
}

.connection .detail {
}
.connection .detail h4 {
	font-size:28px;
	letter-spacing:0px;
	margin:50px 40px 20px 40px;
}
.connection .detail h5 {
	font-size:14px;
	margin:5px 40px;
	color:#1b99f1;
	font-weight:normal;
}
.connection .detail p {
	font-size:14px;
	line-height:24px;
	margin:0 40px;
}
.connection .detail .border_top {
	border-top:1px solid #1b99f1;
	margin-top:10px;
	width:650px;
	height:10px;
	display:block;
	margin-left:40px;
}
.connection .close2 {
	background-size:14px;
	position:absolute;
	top:22px;
	right:20px;
	width:25px;
	height:25px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: url(../images/index/bg-close3.png) no-repeat center center;
}
.connection .close2:hover {
	background:#1b99f1 url(../images/index/bg-close-white.png) no-repeat center center;
}


.connection #xqjs, .connection #xuetou, .connection #ptgl, .connection #shuiji, .connection #crrt {
	width:800px;
	height:440px;
	margin-left:70px;
	margin-top:-40px;
	position:absolute;
	left:0;
	top:0;
	z-index:200;
	background: rgba(255,255,255,1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	display:none;
	color:#333;
}




/* --------- xuetou --------- */
.connection #xuetou {
}
.connection #xuetou img {
	width:600px;
	margin-left:40px;
}


/* --------- ptgl --------- */
.connection #ptgl {
	margin-top:-80px;
	height:525px;
}
.connection #ptgl img {
	width:740px;
	margin-left:30px;
}
.connection #ptgl h6 {
	font-size:14px;
	line-height:22px;
	margin:5px 0;
	color:#1b99f1;
	font-weight:normal;
}
.connection #ptgl p {
	margin:0 !important;
	padding:0 !important;
	font-size:12px;
	line-height:20px;
}
.connection #ptgl .left {
	float:left;
	width:200px;
	height:180px;
	margin-left:40px;
	margin-top:10px;
}
.connection #ptgl .middle {
	float:left;
	width:200px;
	height:180px;
	padding:0 20px;
	border-left:1px solid #1b99f1;
	margin-top:10px;
}
.connection #ptgl .right {
	float:left;
	width:260px;
	height:180px;
	padding:0 20px;
	border-left:1px solid #1b99f1;
	margin-top:10px;
}



/* --------- shuiji --------- */
.connection #shuiji {
}
.connection #shuiji a {
	color:#1b99f1;
	font-weight:normal;
}
.connection #shuiji .left {
	float:left;
	width:300px;
	height:250px;
	margin-left:40px;
	line-height:20px;
	margin-top:20px;
}
.connection #shuiji .left img {
	width:300px;
	height:218px;
}
.connection #shuiji .right {
	margin-top:50px;
	float:left;
	width:400px;
	height:250px;
}
.connection #shuiji .right p {
	line-height:26px;
}




/* --------- crrt --------- */
.connection #crrt {
}
.connection #crrt a {
	color:#1b99f1;
	font-weight:normal;
}
.connection #crrt .left {
	float:left;
	width:200px;
	height:250px;
	margin-left:120px;
	line-height:20px;
	margin-top:20px;
}
.connection #crrt .left img {
	width:186px;
	height:280px;
}
.connection #crrt .right {
	margin-top:85px;
	float:left;
	width:350px;
	height:250px;
}
.connection #crrt .right p {
	line-height:26px;
}




/* ------------------ Trigger button for javascript ------------------ */

#trigger {
	width: 60px;
	height: 10px;
	padding:25px 0;
	border-radius: 65px;
	margin: 0 auto;
	background:#1b99f1 url(../images/clickit.png) no-repeat center 8px;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	display: block;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
#trigger:hover {
	background: #06c url(../images/clickit.png) no-repeat center 8px;
}




/* show*/
.connection .show {
	width:300px;
	height:300px;
	background:url(../images/connection/photoid.png) no-repeat;
	margin:150px auto 0;
}
/* LINE FOLLOW*/
#follow {
	list-style:none;
	position:relative;
	top:140px;
	left:140px;
	z-index:-1;
}
.running .line1,.running .line2,.running .line3,.running .line4,.running .line5 {
	background:#fff;
	width:0px;
	height:1px;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.running .line1 {
	-moz-transform:rotate(17deg);
	-webkit-transform:rotate(17deg);
	transform:rotate(17deg);
	-moz-animation:move 0.65s linear forwards;
	-webkit-animation:move 0.65s linear forwards;
	animation:move 0.65s linear forwards;
}
.running .line2 {
	-moz-transform:rotate(140deg);
	-webkit-transform:rotate(140deg);
	transform:rotate(140deg);
	-moz-animation:move1 0.75s linear forwards;
	-webkit-animation:move1 0.75s linear forwards;
	animation:move1 0.75s linear forwards;
}
.running .line3 {
	-moz-transform:rotate(205deg);
	-webkit-transform:rotate(205deg);
	transform:rotate(205deg);
	-moz-animation:move2 0.9s linear forwards;
	-webkit-animation:move2 0.9s linear forwards;
	animation:move2 0.9s linear forwards;
}
.running .line4 {
	-moz-transform:rotate(315deg);
	-webkit-transform:rotate(315deg);
	transform:rotate(315deg);
	-moz-animation:move3 0.5s linear forwards;
	-webkit-animation:move3 0.5s linear forwards;
	animation:move3 0.5s linear forwards;
}
.running .line5 {
	-moz-transform:rotate(80deg);
	-webkit-transform:rotate(80deg);
	transform:rotate(80deg);
	-moz-animation:move4 0.8s linear forwards;
	-webkit-animation:move4 0.8s linear forwards;
	animation:move4 0.8s linear forwards;
}
/* POINTER*/
.running .ball, .running .ball1, .running .ball2, .running .ball3, .running .ball4 {
	background-color:#2187e7;
	background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff);
	background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff);
	background-image: linear-gradient(90deg, #2187e7 25%, #a0eaff);
	width:7px;
	height:7px;
	border-radius:50px;
	position:absolute;
	z-index:99;
	-moz-transform:scale(0);
	-moz-animation:point 0.1s linear forwards;
	transform:scale(0);
	animation:point 0.1s linear forwards;
	-webkit-transform:scale(0);
	-webkit-animation:point 0.1s linear forwards;
}
/* SPECIAL FX*/
.running .pulse, .running .pulse1, .running .pulse2, .running .pulse3, .running .pulse4 {
	width:22px;
	height:22px;
	border-radius:22px;
	border: 1px solid #00c6ff;
	box-shadow: 0 0 5px #00c6ff;
	position:absolute;
	-moz-transform:scale(0);
	-moz-animation:pulse 0.6s ease-out;
	transform:scale(0);
	animation:pulse 0.6s ease-out;
	-webkit-transform:scale(0);
	-webkit-animation:pulse 0.6s ease-out;
}
/* COORDINATE POINTS BALL + SPECIAL FX*/
.running span {
	position:absolute;
	text-indent:-9999px;
}
.ball {
	left:235px;
	top:-3px;
}
.ball1 {
	left:300px;
	top:-3px;
}
.ball2 {
	left:200px;
	top:-3px;
}
.ball3 {
	left:205px;
	top:-3px;
}
.ball4 {
	left:180px;
	top:-3px;
}

.pulse {
	left:235px;
	top:-13px;
}
.pulse1 {
	left:300px;
	top:-13px;
}
.pulse2 {
	left:200px;
	top:-13px;
}
.pulse3 {
	left:205px;
	top:-13px;
}
.pulse4 {
	left:180px;
	top:-13px;
}
/* DELAY CONTROL LAYER*/
#layerBall, #layerPulse {
	-moz-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
}
#layerBall1, #layerPulse1 {
	-moz-animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	animation-delay:0.7s;
}
#layerBall2, #layerPulse2 {
	-moz-animation-delay:1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
}
#layerBall3, #layerPulse3 {
	-moz-animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
}
#layerBall4, #layerPulse4 {
	-moz-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
}
/* FOLLOW ME LIST*/
ul#social {
	list-style:none;
}
ul#social li {
	position:relative;
	background: #1b99f1;
	width:75px;
	height:15px;
	padding:30px 0;
	border-radius: 75px;
	font-size: 1.3em;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	opacity:0;
	border:2px solid #2ed5ff;
	box-shadow:0px 0px 3px rgba(255,255,255,0.6);
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
ul#social li:hover {
	background: #06c;
}
ul#social a {
	padding:25px 0;
	color:#fff;
}
ul#social .shuiji a {padding:25px 15px !important;}
ul#social .crrt a {padding:25px 10px !important;}
ul#social .xuetou a {padding:25px 10px !important;}

ul#social a:hover {
	color:#fff;
}
.running #layerSocialControl {
	-moz-animation:tooltip 0.35s 0.55s linear forwards;
	-webkit-animation:tooltip 0.35s 0.55s linear forwards;
	animation:tooltip 0.35s 0.55s linear forwards;
}
.running #layerSocialControl1 {
	-moz-animation:tooltip 0.35s 0.65s linear forwards;
	-webkit-animation:tooltip 0.35s 0.65s linear forwards;
	animation:tooltip 0.35s 0.65s linear forwards;
}
.running #layerSocialControl2 {
	-moz-animation:tooltip 0.35s 0.8s linear forwards;
	-webkit-animation:tooltip 0.35s 0.8s linear forwards;
	animation:tooltip 0.35s 0.8s linear forwards;
}
.running #layerSocialControl3 {
	-moz-animation:tooltip 0.35s 0.4s linear forwards;
	-webkit-animation:tooltip 0.35s 0.4s linear forwards;
	animation:tooltip 0.35s 0.4s linear forwards;
}
.running #layerSocialControl4 {
	-moz-animation:tooltip 0.35s 0.9s linear forwards;
	-webkit-animation:tooltip 0.35s 0.9s linear forwards;
	animation:tooltip 0.35s 0.9s linear forwards;
}
#social .xuetou {
	top:-85px;
	left:286px;
}
#social .xqjs {
	top:-93px;
	left:-128px;
}
#social .ptgl {
	top:30px;
	left:380px;
}
#social .crrt {
	top:97px;
	left:-170px;
}
#social .shuiji {
	top:20px;
	left:140px;
}
/* ANIMATION LINE*/
@-moz-keyframes move {
	0% {
	width:0px;
}
100% {
	width:200px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-moz-keyframes move1 {
	0% {
	width:0px;
}
100% {
	width:300px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-moz-keyframes move2 {
	0% {
	width:0px;
}
100% {
	width:205px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-moz-keyframes move3 {
	0% {
	width:0px;
}
100% {
	width:210px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-moz-keyframes move4 {
	0% {
	width:0px;
}
100% {
	width:180px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}

@-webkit-keyframes move {
	0% {
	width:0px;
}
100% {
	width:240px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-webkit-keyframes move1 {
	0% {
	width:0px;
}
100% {
	width:300px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-webkit-keyframes move2 {
	0% {
	width:0px;
}
100% {
	width:205px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-webkit-keyframes move3 {
	0% {
	width:0px;
}
100% {
	width:210px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@-webkit-keyframes move4 {
	0% {
	width:0px;
}
100% {
	width:180px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}


@keyframes move {
	0% {
	width:0px;
}
100% {
	width:240px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@keyframes move1 {
	0% {
	width:0px;
}
100% {
	width:300px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@keyframes move2 {
	0% {
	width:0px;
}
100% {
	width:205px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@keyframes move3 {
	0% {
	width:0px;
}
100% {
	width:210px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}
@keyframes move4 {
	0% {
	width:0px;
}
100% {
	width:180px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
}
}







/* ANIMATION BALL + SPECIAL FX*/
@-moz-keyframes point {
	0% {
	-moz-transform:scale(0,0);
}
100% {
	-moz-transform:scale(1,1);
}
}
@-moz-keyframes pulse {
	0% {
	-moz-transform: scale(0);
	opacity: 0;
}
10% {
	-moz-transform: scale(1);
	opacity: 0.5;
}
50% {
	-moz-transform: scale(1.75);
	opacity: 0;
}
100% {
	-moz-transform: scale(0);
	opacity: 0;
}
}
@-webkit-keyframes point {
	0% {
	-webkit-transform:scale(0,0);
}
100% {
	-webkit-transform:scale(1,1);
}
}
@-webkit-keyframes pulse {
	0% {
	-webkit-transform: scale(0);
	opacity: 0;
}
10% {
	-webkit-transform: scale(1);
	opacity: 0.5;
}
50% {
	-webkit-transform: scale(1.75);
	opacity: 0;
}
100% {
	-webkit-transform: scale(0);
	opacity: 0;
}
}

@keyframes point {
	0% {
	transform:scale(0,0);
}
100% {
	transform:scale(1,1);
}
}
@keyframes pulse {
	0% {
	transform: scale(0);
	opacity: 0;
}
10% {
	transform: scale(1);
	opacity: 0.5;
}
50% {
	transform: scale(1.75);
	opacity: 0;
}
100% {
	transform: scale(0);
	opacity: 0;
}
}


/* ANIMATION LABEL*/
@-moz-keyframes tooltip {
	0% {
	-moz-transform:scale(0,0);
	opacity:0;
}
50% {
	-moz-transform:scale(1.2,1.2);
	opacity:0.3;
}
75% {
	-moz-transform:scale(0.9,0.9);
	opacity:0.7;
}
100% {
	-moz-transform:scale(1,1);
	opacity:1;
}
}
@-webkit-keyframes tooltip {
	0% {
	-webkit-transform:scale(0,0);
	opacity:0;
}
50% {
	-webkit-transform:scale(1.2,1.2);
	opacity:0.3;
}
75% {
	-webkit-transform:scale(0.9,0.9);
	opacity:0.7;
}
100% {
	-webkit-transform:scale(1,1);
	opacity:1;
}
}
@keyframes tooltip {
	0% {
	transform:scale(0,0);
	opacity:0;
}
50% {
	transform:scale(1.2,1.2);
	opacity:0.3;
}
75% {
	transform:scale(0.9,0.9);
	opacity:0.7;
}
100% {
	transform:scale(1,1);
	opacity:1;
}
}


/*---------------REVERSE ANIMATION-------------------*/
	/* REVERSE LINE PROPERTIES*/
.reverse .line1,.reverse .line2,.reverse .line3,.reverse .line4,.reverse .line5 {
	background:#fff;
	width:0px;
	height:1px;
	box-shadow:0px 0px 5px 1px rgba(255,255,255,0.5);
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.reverse .line1 {
	-moz-transform:rotate(17deg);
	-webkit-transform:rotate(17deg);
	transform:rotate(17deg);
	-moz-animation:moveReverse 0.65s linear forwards;
	-webkit-animation:moveReverse 0.65s linear forwards;
	animation:moveReverse 0.65s linear forwards;
}
.reverse .line2 {
	-moz-transform:rotate(140deg);
	-webkit-transform:rotate(140deg);
	transform:rotate(140deg);
	-moz-animation:move1Reverse 0.75s linear forwards;
	-webkit-animation:move1Reverse 0.75s linear forwards;
	animation:move1Reverse 0.75s linear forwards;
}
.reverse .line3 {
	-moz-transform:rotate(205deg);
	-webkit-transform:rotate(205deg);
	transform:rotate(205deg);
	-moz-animation:move2Reverse 0.9s linear forwards;
	-webkit-animation:move2Reverse 0.9s linear forwards;
	animation:move2Reverse 0.9s linear forwards;
}
.reverse .line4 {
	-moz-transform:rotate(315deg);
	-webkit-transform:rotate(315deg);
	transform:rotate(315deg);
	-moz-animation:move3Reverse 0.5s linear forwards;
	-webkit-animation:move3Reverse 0.5s linear forwards;
	animation:move3Reverse 0.5s linear forwards;
}
.reverse .line4 {
	-moz-transform:rotate(80deg);
	-webkit-transform:rotate(80deg);
	transform:rotate(80deg);
	-moz-animation:move4Reverse 0.8s linear forwards;
	-webkit-animation:move4Reverse 0.8s linear forwards;
	animation:move4Reverse 0.8s linear forwards;
}
/* REVERSE POINT PROPERTIES*/
.reverse .ball, .reverse .ball1, .reverse .ball2, .reverse .ball3, .reverse .ball4 {
	background-color:#2187e7;
	background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff);
	background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff);
	background-image: linear-gradient(90deg, #2187e7 25%, #a0eaff);
	width:7px;
	height:7px;
	border-radius:50px;
	position:absolute;
	z-index:99;
	-moz-transform:scale(1);
	-moz-animation:pointReverse 0.1s linear forwards;
	transform:scale(1);
	animation:pointReverse 0.1s linear forwards;
	-webkit-transform:scale(1);
	-webkit-animation:pointReverse 0.1s linear forwards;
}
/* DELAY CONTROL REVERSE*/
	.reverse #layerBall, .reverse #layerBall1, .reverse #layerBall2, .reverse #layerBall3, .reverse #layerBall4 {
	-moz-animation-delay:0s;
	-webkit-animation-delay:0s;
	animation-delay:0s;
}
.reverse .ball, .reverse .ball2, .reverse .ball3, .reverse .ball4 {
	left:0px;
	top:0px;
}

/* REVERSE LABEL PROPERTIES*/
.reverse ul#social li {
	background: #1b99f1;
	width:75px;
	height:15px;
	padding:30px 0;
	border-radius: 75px;
	font-size: 1.3em;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	opacity:0;
	border:2px solid #2ed5ff;
	box-shadow:0px 0px 3px rgba(255,255,255,0.6);
	opacity:1;
}
.reverse #layerSocialControl {
	-moz-animation:tooltipReverse 0.35s linear forwards;
	-webkit-animation:tooltipReverse 0.35s linear forwards;
	animation:tooltipReverse 0.35s linear forwards;
}
.reverse #layerSocialControl1 {
	-moz-animation:tooltipReverse 0.35s linear forwards;
	-webkit-animation:tooltipReverse 0.35s linear forwards;
	animation:tooltipReverse 0.35s linear forwards;
}
.reverse #layerSocialControl2 {
	-moz-animation:tooltipReverse 0.35s linear forwards;
	-webkit-animation:tooltipReverse 0.35s linear forwards;
	animation:tooltipReverse 0.35s linear forwards;
}
.reverse #layerSocialControl3 {
	-moz-animation:tooltipReverse 0.35s linear forwards;
	-webkit-animation:tooltipReverse 0.35s linear forwards;
	animation:tooltipReverse 0.35s linear forwards;
}
.reverse #layerSocialControl4 {
	-moz-animation:tooltipReverse 0.35s linear forwards;
	-webkit-animation:tooltipReverse 0.35s linear forwards;
	animation:tooltipReverse 0.35s linear forwards;
}
/* ANIMATION LINE REVERSE*/
@-moz-keyframes moveReverse {
	0% {
	width:240px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-moz-keyframes move1Reverse {
	0% {
	width:300px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-moz-keyframes move2Reverse {
	0% {
	width:205px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-moz-keyframes move3Reverse {
	0% {
	width:210px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-moz-keyframes move4Reverse {
	0% {
	width:180px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-webkit-keyframes moveReverse {
	0% {
	width:240px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-webkit-keyframes move1Reverse {
	0% {
	width:300px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-webkit-keyframes move2Reverse {
	0% {
	width:205px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-webkit-keyframes move3Reverse {
	0% {
	width:210px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@-webkit-keyframes move4Reverse {
	0% {
	width:180px;
}
100% {
	width:0px;
	box-shadow:none;
}
}

@keyframes moveReverse {
	0% {
	width:240px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@keyframes move1Reverse {
	0% {
	width:300px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@keyframes move2Reverse {
	0% {
	width:205px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@keyframes move3Reverse {
	0% {
	width:210px;
}
100% {
	width:0px;
	box-shadow:none;
}
}
@keyframes move4Reverse {
	0% {
	width:180px;
}
100% {
	width:0px;
	box-shadow:none;
}
}


/* ANIMATION POINTS REVERSE*/
@-moz-keyframes pointReverse {
	0% {
	-moz-transform:scale(1,1);
}
100% {
	-moz-transform:scale(0,0);
}
}
@-webkit-keyframes pointReverse {
	0% {
	-webkit-transform:scale(1,1);
}
100% {
	-webkit-transform:scale(0,0);
}
}
@keyframes pointReverse {
	0% {
	transform:scale(1,1);
}
100% {
	transform:scale(0,0);
}
}

/* ANIMATION LABEL REVERSE*/
@-moz-keyframes tooltipReverse {
	0% {
	-moz-transform:scale(1,1);
	opacity:1;
}
50% {
	-moz-transform:scale(0.9,0.9);
	opacity:0.7;
}
75% {
	-moz-transform:scale(1.2,1.2);
	opacity:0.3;
}
100% {
	-moz-transform:scale(0,0);
	opacity:0;
}
}
@-webkit-keyframes tooltipReverse {
	0% {
	-webkit-transform:scale(1,1);
	opacity:1;
}
50% {
	-webkit-transform:scale(0.9,0.9);
	opacity:0.7;
}
75% {
	-webkit-transform:scale(1.2,1.2);
	opacity:0.3;
}
100% {
	-webkit-transform:scale(0,0);
	opacity:0;
}
}
@keyframes tooltipReverse {
	0% {
	transform:scale(1,1);
	opacity:1;
}
50% {
	transform:scale(0.9,0.9);
	opacity:0.7;
}
75% {
	transform:scale(1.2,1.2);
	opacity:0.3;
}
100% {
	transform:scale(0,0);
	opacity:0;
}
}