/**
 * This file is part of Shadowbox <http://shadowbox-js.com/>
 */

#shadowbox {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0 !important;
  left: 0 !important;
  z-index: 10000;
  text-align: left;
  visibility: hidden;
  display: none;
}

#shadowbox img {
  border: none;
}

#shadowbox * {
  outline: 0; /* Disable dotted outline in Firefox */
}

#sb-overlay {
  position: relative;
  width: 100%;
  height: 100%;
}

#sb-wrapper {
  position: absolute;
  display: block;
  visibility: hidden;
  width:280px !important;
  min-height:600px;
  margin-left:-140px !important;
  left: 50%;
  top: 50%;
}

#sb-body,
#sb-content,
#sb-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  
}

#sb-body {}

#sb-content { background: black;
}

#sb-cover {
  background: black;
}

#sb-close,
#sb-next,
#sb-prev {
  position: absolute;
  display: none;
  background: url("shadowbox-icons.png") no-repeat;
  cursor: pointer;
}

#shadowbox.active #sb-close,
#shadowbox.has-next #sb-next,
#shadowbox.has-prev #sb-prev {
  display: block;
}

#sb-close {
  top: 0;
  right: 0;
  width: 60px;
  height: 40px;
  background-position: 50% 0;
  margin: -18px -30px 0 0;
}

#sb-next {
  right: 0;
  top: 50%;
  width: 60px;
  height: 46px;
  background-position: 50% -40px;
  margin: -20px -40px 0 0;
}

#sb-prev {
  left: 0;
  top: 50%;
  width: 60px;
  height: 46px;
  background-position: 50% -86px;
  margin: -20px 0 0 -37px;
}
@media screen and (max-width: 400px) {
	#sb-content { background: black;
	overflow-y:auto;
}}