facebox.css

#facebox .n {
  background:url(/images/n.png) repeat-x bottom left;
  border:none;
  height:18px;
}
#facebox .s {
  background:url(/images/s.png) repeat-x top left;
  border:none;
  height:18px;
}
#facebox .w {
  background:url(/images/w.png) repeat-y top right;
  border:none;
  width:13px;
}
#facebox .e {
  background:url(/images/e.png) repeat-y top left;
  border:none;
  width:13px;
}

#facebox .tl {
  background:url(/images/nw.png) no-repeat bottom right;
  border:none;
}

#facebox .tr {
  background:url(/images/ne.png) no-repeat bottom left;
  border:none;
}

#facebox .bl {
  background:url(/images/sw.png) no-repeat top right;
  border:none;
}

#facebox .br {
  background:url(/images/se.png) no-repeat top left;
  border:none;
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}
#facebox td {
  border:none;
}

#facebox .body {
  padding: 5px;
  background: #fff;
  width: 500px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  padding: 5px;
  margin-top: 3px;
  text-align: center;
}

#facebox .info {
  margin-top: 5px;
  padding:0 5px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
  color: #777;
  line-height: 16px;
  font-size: 11px;
}

#facebox .navigation {
  float: left;
}

#facebox .close {
  float: right;
  display:inline;
}

#facebox .next, #facebox .prev {
  font-size: 170%;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  overflow: hidden;
  padding: 0;
}
#facebox .overlay {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#666;
  z-index:0;
  float:left;
  opacity:0.80;
  filter:alpha(opacity=80);
}