/*= Reset CSS 
============= */
.container{ position:absolute; margin-top:316px;z-index:999;}
.container li{
	float: left;
	width: 239px;
	list-style: none;
	margin: 0 2px 0 6px;
}
.image-box{ height:193px;}
.text-desc{
	position: absolute;
	background: #fff;
	height: 100%;
	width: 207px;
	padding-right: 16px;
	padding-left: 16px;
}
.text-desc h1 {
	font-size: 14px;
	line-height: 40px;
	width: 207px;
	position: absolute;
	top: 0px;
}
.text-desc h4{
	font-size: 14px;
	margin-top: 41px;
	margin-bottom: 26px;
}
.text-desc span {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	color:#666666;
}
.text-desc strong{float:right; font-size:24px; color:#c0c0c0;}
.text-desc p{font-size: 13px; line-height:16px;}
.text-desc p img{ padding-bottom:5px;}
.text-desc a{ text-decoration:none; color:#000;}
/*= Reset CSS End
================= *

/* effect-2 css */
.port-1{
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.port-1 .text-desc{
	transition: 0.5s;
	color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
/* effect-2 css end */