/***pc********/
@media print, screen and (min-width:  1025px){ 
.details{padding:20px ;}
.details h3 {display:inline;}
.details p{color:#FFF;text-align:left;font-size:90%;margin-top:20px;}
.bar .mosaic-overlay {
			bottom:-140px;
			height:140px;
			background:rgba(0,0,0,0.6);
			color:#fff;
		}
	
	/**********/
	.mosaic-block {
	position:relative;
	overflow:hidden;
	width:275px;
	height:275px;
	float:left;
}
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#fff;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	}
/***sp*********/
@media only screen and (max-width: 1024px) { 
.details{padding:2% ;position:absolute; left:0;bottom:1px;text-align:center;width:96%;}
.details h3 {width:100%;padding:5px;font-size:12px;background-color:rgba(0,0,0,.6);}
.details p{display:none;}

.bar .mosaic-overlay {
			background:rgba(0,0,0,0);
			color:#fff;
		}
	/**********/
	.mosaic-block {
	position:relative;
	overflow:hidden;
	width:50%;
	height:auto;
	float:left;
}
.mosaic-block img {width:100%;height: auto;}
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:50%;
		width:auto;
		background:#fff;
	}
	

}