@charset "UTF-8";

#GGallWrap {
  display:inline-block;
  width:880px;
  height:auto;
  margin:5px;
  padding:1px;
}

#GgBo {
  display:inline-block;
  width:876px;
  height:auto;
  margin-bottom:30px;
}

.tnail {
  position:relative;
  z-index:0;
  padding-left:5px;
  cursor:pointer;
}

.tnail:hover {
  background-color:purple;
  z-index:50;
}

.tnail span {
  position:absolute;
  background-color:rgba(102,204,255,.6);
  padding:5px;
  left:-100px;
  top:-230px;
  border:1px dashed gray;
  visibility:hidden;
  color:black;
  text-decoration:none;
  text-align:center;
}

.tnail span img {
  border-width:0;
  padding:2px;
}

.tnail:hover span {
  visibility:visible;
  width:600px;
  top:-150px;
  left:42px;
  text-align:center;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -o-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -ms-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -webkit-transition:all .8s;
  -moz-transition:all .8s;
  transition:all .8s;
  -webkit-transition-timing-function:linear;
}

.BigPr {
  width:500px;
  height:auto;
}