/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */
.view {  height: 250px; background-color:#FFFFFF; margin: 10px 20px 0px 18px; border: 5px solid rgb(255, 255, 255); overflow: hidden; position: relative; text-align: center; box-shadow: 0px 0px 5px rgb(170, 170, 170); cursor: default; }
.view .mask, .view .content { width: 318px; height: 177px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }



.view:hover{ color:#fff;z-index:9999;}



.effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(215,62,44,0.8) ;
   border-style:solid;
   border-width:159px;
   width:0;
   height:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   
}
.effect a.info {
	opacity:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;

}
.effect:hover img {
	opacity:0.7;
   -moz-transform:scale(1.1,1.1);
   -webkit-transform:scale(1.1,1.1);
   -o-transform:scale(1.1,1.1);
   -ms-transform:scale(1.1,1.1);
   transform:scale(1.1,1.1);
}
.effect:hover .mask {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
    background:url(../images/333.jpg) no-repeat center 19px; 
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(80px);
   -webkit-transform:translateY(80px);
   -o-transform:translateY(80px);
   -ms-transform:translateY(80px);
   transform:translateY(80px);
}



.view a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 54px; height: 35px; margin-left:-10px;}



.in_caseimg {
    float: left; margin-top:40px;}
	
.mf_case {
    width: 1470px;
    margin: 0px auto;}
	
	
.in_caseimg img{ width:318px;}	
	
@media (max-width:1200px) {.mf_case {
    width: 1000px;
    margin: 0px auto;}}
	
	
.pic_name {
    display: block;
    margin-top: 0px;
    z-index: 999999999;
    position: relative;
    height: 64px;
    line-height: 24px;
    font-size: 14px;
    text-align: left;
	width:100%;
}

.pic_name span {
    height: 54px;
    padding-top: 8px;
	display:inline-block;
}

.pic_name span a:hover{ color:#fff;}