.blockimages{
    float: left;
    max-height: 100%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.blockimages-container {
    float: left;
    height: auto;
    margin: 30px auto;
    max-height: 100%;
    position: relative;
    width: 100%;
}

.blockimages ul.threeblock{
   width: 1170px;
   margin:auto;
}

.blockimages ul.threeblock li.block{
	height: auto;
}

.blockimages ul.threeblock li.block:first-child {
    box-shadow: none;
}
.blockimages ul.threeblock li.block {
    float: left;
    height: auto;
    margin: 0 20px;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 6;
    background-color: #777777;
    display: block;
}

.blockimages ul.threeblock li.block img{
	width:100%;
	height: auto;
	margin: 0 0 -5px;
}

.blockimages ul.threeblock li.block .block-over{
	height:100%;
	width:100%;
	position:absolute;
	top: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    text-align:center;
    padding-top:5%;
    padding-bottom:5%;
    padding-left: 2%;
    padding-right: 2%;
}

.blockimages ul.threeblock li.block .overlay {
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	width: 100%;
	overflow: hidden;

    font: 25px 'ITCAvantGardeGothicStdMedium',Tahoma;
    padding:10px 0;
    text-align: center;
	color : #FFFFFF;
}

.blockimages ul.threeblock li.block a:hover .overlay {
	background: rgba(204,204,204, 0.5);
	opacity: 1;
	filter: alpha(opacity = 100);
}
/*.blockimages ul.threeblock li.block .overlay img {
	height: 125%;
}
.blockimages ul.threeblock li.block .overlay em {
	background: url(../img/home/black60.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.blockimages ul.threeblock li.block a:hover {
	color: #fff;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
@media (max-width: 767px) {
  	
	.blockimages ul.threeblock li.block a:hover {
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	.blockimages ul.threeblock li.block a {
		color: #fff;
	}
	.blockimages ul.threeblock li.block a .overlay {
		opacity: 1;
		filter: alpha(opacity = 100);
	}
}*/

@media only screen and (min-width:760px) and (max-width:1000px) {
	
	.blockimages-container{
	    padding-bottom: 32px;
	}

	.blockimages ul.threeblock{
	    width: 100%;
	}
	
	.blockimages ul.threeblock li.block{
		width:33.33%;
		height: auto;
	}
	.blockimages ul.threeblock li.block {
	    float: left;
	    height: auto;
	    margin: 0 0 0 -2px;
	    min-height: 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    z-index: 6;
	    background-color: #777777;
	    display: block;
	    border: 1px solid #CCC;
	}
	
}@media only screen and (min-width:480px) and (max-width:760px) {
	.blockimages-container{
		width:100%;
		padding-bottom: 13px;
	}
	.blockimages ul.threeblock{
		margin: 0px auto;
		padding: 0;
	    width: 50%;
	}
	.blockimages ul.threeblock li.block{
		width:100%;
		margin: 0px auto;
		height: auto;
	}
		.blockimages ul.threeblock li.block {
	    float: none;
	    height: auto;
	    margin: 0 0 0 -2px;
	    min-height: 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    z-index: 6;
	    background-color: #777777;
	    display: block;
	    border: 1px solid #CCC;
	}
	
	.blockimages ul.threeblock li.block .overlay {
		background: rgba(204,204,204, 0.5);
		opacity: 1;
		filter: alpha(opacity = 100);
	}

}@media only screen and (max-width:480px){
	.blockimages-container{
		width:100%;
		padding-bottom: 13px;
	}
	.blockimages ul.threeblock{
		margin: 0px auto 10px;
		padding: 0;
	    width: 90%;
	}
	.blockimages ul.threeblock li.block{
		width:100%;
		margin: 0px auto;
		height: auto;
	}
		.blockimages ul.threeblock li.block {
	    float: none;
	    height: auto;
	    margin: 0 0 25px;
	    min-height: 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    z-index: 6;
	    background-color: #777777;
	    display: block;
	}
	
	.blockimages ul.threeblock li.block .overlay {
		background: rgba(204,204,204, 0.5);
		opacity: 1;
		filter: alpha(opacity = 100);
	}
	
}