#wpboxWrap {
  margin:0 auto 150px auto;
  width:500px;
  height:300px;
}
#wpbox {
  border:1px solid #666;
  margin:10px 30px;
  padding:0;
  height:240px;
  width:180px;
  float:left;
}
#wpbox ul{
  background:#111;
  border-top:2px dotted #333;
  height:93px;
  margin:145px auto 0 auto;
  padding:0;
}
#wpbox ul li{
  list-style:none;
  float:left;
  width:90px;
  margin:0;
  text-align:center;
  padding:7px 0 7px 0;
}
.thumbnail{
  position: relative;
  z-index: 0;
}
.thumbnail img {
  border:2px solid #333;
  margin:13px;
}
.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail span{
  position: absolute;
  background:#000;
  padding: 7px;
  left: -1000px;
  border: 1px solid gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.thumbnail span img{
  border-width: 0;
  padding:0;
}

.thumbnail:hover span{ 
  visibility: visible;
  top: 145px;
  left: -350px;
}