* {
    margin:0;
    padding:0;
    border:none;
    outline:none;
}

/*General Mosaic Styles*/

.mosaic-block {
    float:left;
    position:relative;
    overflow:hidden;
    width:339px;
    height:255px;
    
}
.mosaic-block2 {
    float:left;
    position:relative;
    overflow:hidden;
    width:339px;
    height:255px;
	margin-left:28px;
	display:inline;
    
}
.mosaic-block3 {
    float: right;
    position:relative;
    overflow:hidden;
    width:339px;
    height:255px;
    
}

.mosaic-block4 {
   
    position:relative;
    overflow:hidden;
    width:230px;
    height:231px;
    
}

.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:#111;
}

.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
    background:url(../images/hover-magnify.png) no-repeat center center;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    display:none;
}

.fade .mosaic-overlay {
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    background:url(../images/bg-black.png);
}

.bar .mosaic-overlay {
    bottom:-304px;
    height:304px;
    background:url(../images/bg-black.png);
}



.details{ margin-top:60px; margin-left:40px; color:#fff; width:270px; text-align:left;}	
h4{  color:#111111; font-size:16px; font-weight:550; width:120px; border:1px solid #fff; line-height:34px; font-family:"微软雅黑"; text-align:center; font-weight:normal;}

a{ text-decoration:none; }