@charset "utf-8";
/* CSS Document */
.box{width:400px; height:350px; border:1px solid #000; border-radius:2px; float:left; margin:20px 30px;  }
.box img{width:400px; height:350px;}
.box .overlay{width:400px; height:350px; background:#fff; margin:-350px 0px 0px 0px; opacity:0; }
.box a{padding:5px 7px; border:1px solid #000; text-decoration:none; font-family:sans-serif; font-size:14px; margin:-140px 0px 0px 15px; display:inline-block; opacity:0; transition:all 0.5s ease-in-out;    cursor: pointer;/* z-index: 10000; */position: absolute;}



.box .overlay:hover{opacity:0.1; transition:all 0.5s ease-in-out; width:400px; margin-left:50px; float:right; }
.box:hover{box-shadow:0px 0px 10px #6A6A6A; border:1px solid #00DFDF;transition:all 0.5s ease-in-out;}
.box:hover a{opacity:1; background:#d1e7f5; color:#000000; margin:-80px 0px 0px 15px;  border-radius:1px; }
.box a:hover{border:2px solid #00DFDF;transition:all 0.5s ease-in-out;   }