/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */

/*General Mosaic Styles*/

.mosaic-block {
    float:left;
    position:relative;
    overflow:hidden;
    width:600px;
    height:410px;
    background:#111 url(../images/progress.gif) no-repeat center center;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-top:20px;
}

.mosaic-blocke {
    float:left;
    position:relative;
    overflow:hidden;
    width:822px;
    height:450px;
    background:#111 url(../images/progress.gif) no-repeat center center;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-blockh {
    float:left;
    position:relative;
    overflow:hidden;
    width:410px;
    height:320px;
    background:#111 url(../images/progress.gif) no-repeat center center;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-blockc {
    float:left;
    position:relative;
    overflow:hidden;
    width:250px;
    height:200px;
    background:#111 url(../images/progress.gif) no-repeat center center;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-top:20px;
	margin-left:20px;
}

.mosaic-blockd {
    float:left;
    position:relative;
    overflow:hidden;
    width:345px;
    height:250px;
    background:#111 url(../images/progress.gif) no-repeat center center;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-top:20px;
	margin-left:20px;
}


.mosaic-blockb {
    float:left;
    position:relative;
    overflow:hidden;
    width:478px;
    height:302px;
    background:#111 url(../images/progress.gif) no-repeat center center;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-top:20px;
}

.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:-100px;
    height:100px;
    background:url(../images/bg-black.png);
}

.bar2 .mosaic-overlay {
    bottom:-50px;
    height:100px;
    opacity:0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
}

.bar2 .mosaic-overlay:hover {
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}

.bar3 .mosaic-overlay {
    top:-100px;
    height:100px;
    background:url(../images/bg-black.png);
}


#content{ width:845px; margin:20px auto; padding:10px 30px; }
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

.details{ margin:15px 15px; }	
.details p{color:#FFFFFF; line-height:24px;}
h4{font:300 18px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); }
a{ text-decoration:none; }