/* Thumbnail Effects Style */
.tj_container{
	border:5px solid #e3e3df;
	width:100%;
	height:465px;
	position:relative;
	margin:0 auto 30px;
}
.tj_nav{
    bottom: -48px;
    height: 70px;
    left: 45%;
    position: absolute;
    width: 39px;
    z-index: 333;
}
.tj_nav span{
	width: 48px;
	height: 43px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9000px;
	cursor: pointer;
	background-color: transparent;
	background-image: url("images/btn-hero-up.png");
	background-repeat: no-repeat;
	background-position: left top;	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/
}
.tj_nav span.tj_next{
	background-image: url("images/btn-hero-down.png");
	bottom: 27px;
	left: 48px;
	top: auto;
}
.tj_wrapper{
	width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
}
.tj_wrapper ul{
	margin:0px;
}
.tj_wrapper ul li{
	background:none;
	float:left;
	height:230px;
	margin:0;
	padding:0;
	width:235px;
}
.tj_wrapper ul li a{
	outline:none;
	display:block;
}
.tj_wrapper ul li a img{
	display:block;
	border:none;
	width:100%;
}
/* Specific style for the examples */
.example10 .tj_container{
	height:600px;
}
.hero-info{
	color: #FFFFFF;
	height: 215px;
	left: 0;
	padding: 10px 20px;
	position: absolute;
	top: 0;
	width: 195px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("images/hero-info-bg.png");
	background-repeat: repeat;
	background-position: left top;
}
.hero-info h3{
	color:#fff;
}
.hero-info p{
	color:#ffff00;
}
#tj_container .hero-info a.hero-link:link,
#tj_container .hero-info a.hero-link:visited{
	color: #fff;
	display: inline;
	float: right;
	padding: 0 20px 0 0;
	background-attachment: scroll;
	background-image: url("images/icon-arrow-white.png");
	background-repeat: no-repeat;
	background-position: right center;
}
#tj_container .hero-info a.hero-link:active,
#tj_container .hero-info a.hero-link:hover{
	color:#eee;
}