/* 懒人图库 搜集整理 www.lanrentuku.com */


/*General Mosaic Styles*/

.mosaic-block {
	float: left;
	position: relative;
	overflow: hidden;
	width: 260px;
	height: 184px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop {

    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:#111;
}
.mosaic-backdrop img{ float:left; display:inline;}
.mosaic-backdrop a{ width:260px; height:38px; float:left; display:inline; text-align:center; margin-top:-38px; background:url(../images/c4.png) repeat; line-height:38px; font-family:"微软雅黑"; font-size:14px; color:#FFF;}
.mosaic-backdrop a:hover{ color:#FFF; text-decoration:underline;}


.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/c4.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/c5.png);
}

.bar .mosaic-overlay {
    bottom:-100px;
    height:100px;
    background:url(../images/c4.png);
}

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

.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/c4.png);
}


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

.details{
	margin-top: 132px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}	
.details h4{ font-family:"微软雅黑"; font-size:14px; color:#FFF; font-weight:normal; border-bottom:2px solid #FFF; text-align:center;color:#fff; height:40px; line-height:40px; overflow:hidden;}
.details h4 a{ font-family:"微软雅黑"; font-size:14px; color:#FFF; font-weight:normal;}
.details h4 a:hover{ color:#FFF; text-decoration:underline;}
a{ text-decoration:none; }
.details p{ font-size:12px; color:#FFF; line-height:20px; height:80px; overflow:hidden; margin-top:8px;  font-family:"微软雅黑"; font-weight:normal; text-align:left; letter-spacing:0.15em; color:#fff; }