.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(0,0,0,0.7) transparent transparent transparent;border-style:solid;border-width:150px;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(2,2);-webkit-transform:scale(2,2);-o-transform:scale(2,2);-ms-transform:scale(2,2);transform:scale(2,2);}
.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(100px);-webkit-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);}
.view{width:293px;height:219px;margin:17px;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.view1{width:460px;height:219px;margin:16px;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.view1 .mask, .view1 .content{width:460px;height:250px;position:absolute;overflow:hidden;top:0;left:0;}
.view .mask, .view .content{width:293px;height:221px;position:absolute;overflow:hidden;top:0;left:0;}
.view img{display:block;position:relative;}
.view1 img{display:block;position:relative;}
.view a.info{background:url(../img/link.png) center no-repeat;display:inline-block;text-decoration:none;text-indent:-9999px;width:20px;margin-top:-20px;height:20px;}
.view1 a.info{background:url(../img/link.png) center no-repeat;display:inline-block;text-decoration:none;text-indent:-9999px;width:20px;margin-top:-20px;height:20px;}