.map-container {
	position: relative;
	z-index: 1;
	overflow: scroll;
	height: 100%;
	width: 100%;
}
.map {
}
.pin {
	position: absolute;
	z-index: 3;
}
.pin .desc {
	width: 162px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 100px; font-size: 0.9em;
	background-color: #000;
	 font-size: 0.8em;
	color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 0px;
	transition: all ease .2s;
	overflow: hidden;
	opacity: 0;
}
.pin1 {
	left: 1004px;
	top: 628px;
	height: 110px;
	width: 151px;
}
.pin2 {
	left: 461px;
	top: 650px;
	height: 103px;
	width: 151px;
}
.pin3 {
	left: 493px;
	top: 920px;
	height: 75px;
	width: 205px;
}
.pin3 .desc {
	width: 132px;
	left: 29px;
	top: 68px;
}
.pin4 {
	left: 941px;
	top: 285px;
	height: 126px;
	width: 166px;
}
.pin4 .desc {
	width: 122px;
	left: 11px;
	top: 120px;
}
.pin5 {
	left: 1524px;
	top: 1151px;
	height: 122px;
	width: 122px;
}
.pin5 .desc {
	top: 122px;
	left: -10px;
}
.pin6 {
	left: 1660px;
	top: 1308px;
	height: 166px;
	width: 195px;
}
.pin6 .desc {
	top: 166px;
	left: 20px;
}
.pin7 {
	left: 1397px;
	top: 1404px;
	height: 121px;
	width: 196px;
}
.pin7 .desc {
	left: 23px;
	top: 121px;
}
.pin8 {
	left: 896px;
	top: 1135px;
	height: 138px;
	width: 168px;
}
.pin8 .desc {
	left: 10px;
	top: 123px;
}
.pin9 {
	left: 741px;
	top: 1489px;
	height: 109px;
	width: 232px;
}
.pin9 .desc {
	left: 30px;
	top: 109px;
}
.pin10 {
	left: 980px;
	top: 1800px;
	height: 157px;
	width: 73px;
}
.pin10 .desc {
	left: -36px;
	top: 152px;
}
.pin:hover .desc {
	padding-top: 20px; padding-bottom: 30px;
	height: 100px; 
	opacity: 1;
}
.pin .desc:before, .pin .desc:after {
	content: '';
	background-color: #666;
	position: absolute;
	height: 5px;
}
.pin .desc:before {
	left: -5px;
	top: 0px;
	right: -5px;
}
.pin .desc:after {
	left: -5px;
	bottom: 0px;
	right: -5px;
}

.footer {
	 position: fixed;
	 bottom: 0px; left: 0px; z-index: 2;
}




















body
	{
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

.loader
	{
		background: #fff;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1000;
	}

.loader:after
	{
		content: "";
		width: 26px;
		height: 26px;
		left: 50%;
		top: 50%;
		margin-left: -16px;
		margin-top: -16px;
		position: fixed;
		z-index: 1000;
		border-top: 3px solid rgba(0, 0, 0, .2);
		border-right: 3px solid rgba(0, 0, 0, .2);
		border-bottom: 3px solid rgba(0, 0, 0, .2);
		border-left: 3px solid #000;
		border-radius: 50%;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-moz-animation: load .8s infinite linear;
		-webkit-animation: load .8s infinite linear;
		animation: load .8s infinite linear;
	}

@-moz-keyframes load {0% {-moz-transform: rotate(0deg); transform: rotate(0deg)} 100% {-moz-transform: rotate(360deg); transform: rotate(360deg)}}
@-webkit-keyframes load {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}}
@keyframes load {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}}

.map-container
	{
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: auto;
		height: auto;
	}



.map
	{
		position: absolute;
		left: 0;
		top: 0;
	}

.trans
	{
/*
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s  ease-out;
		-ms-transition: all 1s  ease-out;
		-o-transition: all 1s  ease-out;
		transition: all 1s  ease-out;
*/
	}

.map:after
	{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 2;
	}

.map img
	{
		display: block;
	}

.map-nav
	{
		position: fixed;
		bottom: 80px;
		left: 40px;
		border: 2px solid #000;
		overflow: hidden;
		z-index: 10;
		background: url(/images/IF-1C.jpg) left top no-repeat;
		background-size: cover;
	}

.map-nav div
	{
		border: 1px solid red;
		position: absolute;
		left: 0;
		top: 0;
	}














.up, .down, .left, .right
	{
		position: absolute;
		z-index: 1000;
		width: 32px;
		height: 32px;
		background: red;
	}

.up {top: 0; left: 50%; margin-left: -16px;}
.down {bottom: 0; left: 50%; margin-left: -16px;}
.left {left: 0; top: 50%; margin-top: -16px;}
.right {right: 0; top: 50%; margin-top: -16px;}

.map-container
	{
		overflow: hidden !important;
	}

.map-container.scroll
	{
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}