@charset "utf-8";
/* CSS Document */
  body,td,th {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	}
  
   {
    box-sizing: border-box;
	}
	
	.zoom {
		padding: 0px;
		background-color: #f5f5f5;
		transition: transform .2s;
		width: 60px;
		height: 60px;
		margin: 0 auto;
	}
	
	.zoom:hover {
		-ms-transform: scale(1.8); /* IE 9 */
		-webkit-transform: scale(1.8); /* Safari 3-8 */
		transform: scale(1.8); 
	}
	
	.zoom2 {
		padding: 0px;
		background-color: #f5f5f5;
		transition: transform .2s;
		width: 350px;
		height: 82px;
		margin: 0 auto;
	}
	
	.zoom2:hover {
		-ms-transform: scale(1.8); /* IE 9 */
		-webkit-transform: scale(1.8); /* Safari 3-8 */
		transform: scale(1.8); 
	}
	
	.zoom3 {
		padding: 0px;
		background-color: #f5f5f5;
		transition: transform .2s;
		width: 350px;
		height: 144px;
		margin: 0 auto;
	}
	
	.zoom3:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.8); /* Safari 3-8 */
		transform: scale(1.8); 
	}
	
	.zoom4 {
		padding: 0px;
		background-color: #f5f5f5;
		transition: transform .2s;
		width: 350px;
		height: 209px;
		margin: 0 auto;
	}
	
	.zoom4:hover {
		-ms-transform: scale(1.8); /* IE 9 */
		-webkit-transform: scale(1.8); /* Safari 3-8 */
		transform: scale(1.8); 
	}

	.target5 {
		padding: 0px;
		background-color: #ffffff;
		transition: transform .2s;
		width: 240px;
		height: 90px;
		margin: 0 auto;
	}
	
	.target5:hover {
		-ms-transform: scale(2.5); /* IE 9 */
		-webkit-transform: scale(2.5); /* Safari 3-8 */
		transform: scale(2.5); 
	}
	.target5map {
		padding: 0px;
		background-color: #ffffff;
		transition: transform .2s;
		width: 150px;
		height: 106px;
		margin: 0 auto;
	}
	
	.target5map:hover {
		-ms-transform: scale(2.5); /* IE 9 */
		-webkit-transform: scale(2.5); /* Safari 3-8 */
		transform: scale(2.5); 
	}
	
	.target5graph {
		padding: 0px;
		background-color: #ffffff;
		transition: transform .2s;
		width: 150px;
		height: 73px;
		margin: 0 auto;
	}
	
	.target5graph:hover {
		-ms-transform: scale(2.5); /* IE 9 */
		-webkit-transform: scale(2.5); /* Safari 3-8 */
		transform: scale(2.5); 
	}
	
	.target6graph {
		padding: 0px;
		background-color: #ffffff;
		transition: transform .2s;
		width: 150px;
		height: 100px;
		margin: 0 auto;
	}
	
	.target6graph:hover {
		-ms-transform: scale(2.5); /* IE 9 */
		-webkit-transform: scale(2.5); /* Safari 3-8 */
		transform: scale(2.5); 
	}
	
	.ias {
		padding: 0px;
		background-color: #ffffff;
		transition: transform .2s;
		width: 400px;
		height: 264px;
		margin: 0 auto;
	}
	
	.ias:hover {
		-ms-transform: scale(2.5); /* IE 9 */
		-webkit-transform: scale(2.5); /* Safari 3-8 */
		transform: scale(2.5); 
	}
	
	/* Slide from up image */
	
.image {
  display: block;
  width: 350px;
  height: 209px;
  margin: 0px;
}

.overlay {
  position: absolute;
  bottom: 50%;
  left: 100;
  right: 100;
  background-color: #f0f0f0;
  overflow: hidden;
  width: 350px;
  height:0;
  transition: .5s ease;
}

.container:hover .overlay {
  bottom: 60px;
  height: 212px;
}

.text {
	color: white;
	font-size: 16px;
	position: absolute;
	top: 160px;
	left: 170px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 388px;
	height: 218px;
}
