/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */
.view { 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 a{ color:#454545;}
.view a:hover{ color:#fff;}
.view:hover{ color:#fff;z-index:9999;background:#096;}




.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(1,156,114,0.7) ;
   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);
}
.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: 1100px;
    margin: 0px auto;}
	
	
.in_caseimg img{ width:318px;}	
	
@media (max-width:1200px) {.mf_case {
	max-width:1000px;
    margin: 0px auto;
	width:100%;}}
	
	
.pic_name {
    display: block;
    margin-top: 0px;
    z-index: 999;
    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;}


@media (max-width:760px){.view{ width:45%;margin:20px 1.5% 0px 2%;box-shadow:0px 0px 2px rgb(170, 170, 170);}.in_caseimg img{ max-width:100%;}.view .mask, .view .content{ display:none;}.nei_main{ width:100%;}.work_xiangqing{ width:96%; margin:0px auto; float:none;}.work_xiangqing_r{ width:96%;margin:20px auto 0px auto; float:none;}.work_xiangqing_r h2{ font-size:18px;}.work_xiangqing_r ul{ height:40px;}
.pic_name{font-size:13px;}}


.shpa {text-align:center; padding:20px 0px 10px 0px;}
.shpa b{}
.shpa a {border:1px solid #ddd;display:inline-block;margin-right:3px;color: #707070; padding:0px 4px;height:30px;font:bold 13px/30px arial;}
.shpa a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.shpa .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.shpa a.cur {color: #fff;}
.shpa .disabled {width: 79px;}