@charset "UTF-8";
/* CSS Document */

.thumbnail-wrap0 {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 230px !important;
	height: 100px !important;
	background: #818181;
	display: block;
}

.thumbnail-frame0 {
	width: 230px !important;
	height: 100px !important;
	}

.thumbnail-frame0:hover .thumbnail-caption {
	margin-top:0px !important;
}



.thumbnail-frame0 img {
	    margin: auto;
    border: none;
    display: block;
	width: 230px;
	height: 230px;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	background-color: #000;
	}
	
.thumbnail-frame0 img:hover{
	opacity: .7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}


.thumbnail-wrap1 {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 230px !important;
	height: 320px !important;
	
}
.thumbnail-frame1 {
	width: 230px !important;
	height: 320px !important;
	}

.thumbnail-frame1:hover .thumbnail-caption {
	margin-top:0px !important;
}

.thumbnail-frame1 img {
	margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
	width: 320px;
	height: 320px;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	background-color: #000;
	}

.thumbnail-frame1 img:hover{
	opacity: .8;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

.thumbnail-wrap2 {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 230px !important;
	height: 100px !important;
	
}	
	
.thumbnail-frame2 {
	width: 230px !important;
	height: 100px !important;
}

.thumbnail-frame2:hover .thumbnail-caption {
	margin-top:0px !important;
}
	
.thumbnail-frame2 img {
	margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
	width: 230px;
	height: 230px;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	background-color: #000;
}

.thumbnail-frame2 img:hover{
	opacity: .7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

.thumbnail-wrap3 {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 230px !important;
	height: 210px !important;
	
}
.thumbnail-frame3 {
	width: 230px !important;
	height: 210px !important;
	overflow: hidden;
	}

.thumbnail-frame3:hover .thumbnail-caption {
	margin-top:0px !important;
}

.thumbnail-frame3 img {
	margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
	width: 230px !important;
	height: 230px !important;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	background-color: #000;
}

.thumbnail-frame3 img:hover{
	opacity: .7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

.thumbnail-wrap4 {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 230px !important;
	height: 210px !important;
	
}
		
.thumbnail-frame4 {
	width: 230px !important;
	height: 210px !important;
}
	
.thumbnail-frame4:hover .thumbnail-caption {
	margin-top:0px !important;
}
	
.thumbnail-frame4 img {
	margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
	width: 230px;
	height: 230px;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	background-color: #000;
	}

.thumbnail-frame4 img:hover{
	opacity: .7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

.thumbnail-wrap5 {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 470px !important;
	height: 100px !important;
	
}
	
.thumbnail-frame5 {
	width: 470px !important;
	height: 100px !important;
	}

.thumbnail-frame5:hover .thumbnail-caption {
	margin-top:0px !important;
}
	
.thumbnail-frame5 img {
    margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
	width: 474px;
	height:474px;
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	background-color: #000;
	}

.thumbnail-frame5 img:hover{
	opacity: .7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}
	
.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	width: 230px !important;
	height: 230px !important;
	
}
	
.thumbnail-frame {
	width: 230px !important;
	height: 230px !important;
	}
	
.thumbnail-frame img {
    margin: auto;
    border: none;
    overflow: hidden;
    position: relative;
    display: block;
	width: 100%;
	height: 100%;
}

.thumbnail-caption {
	text-align: left;
	font-size: 11px;
	width: 87%;
	position:absolute;
	top:0 !important;
	left:0;
	opacity: 1;
	margin-top:-400px!important;
	margin-left: 10px !important;
	padding: 4px !important;
	-webkit-transition: margin-top;
	-webkit-transition-duration: 400ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: margin-top;
	-moz-transition-duration: 400ms;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: margin-top;
	-o-transition-duration: 400ms;
	transition: margin-top;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	background:#fefefe ;
	color: #000;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.thumbnail-wrap0,
.thumbnail-wrap1,
.thumbnail-wrap2,
.thumbnail-wrap3,
.thumbnail-wrap4,
.thumbnail-wrap5 {
	-webkit-box-shadow: 0 12px 9px -7px #888 ;
	-moz-box-shadow: 0 12px 9px -7px #888 ;
	box-shadow: 0 12px 9px -7px #888f ;
}