
/********************************
 * 
 * picturebox holders
 * 
 */
.picturebox {
	position: relative;
	padding: 10px;
	width: 920px;
	/* margin-left: auto;
	margin-right: auto; */
  border-left: 1px solid #000;
  border-top: 1px solid #000;	
  border-right: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
  background-color: #252525;
}



.picturebox .picturespace, .picturebox .thumbspace{
	width: 920px;
}
.picturebox .picturespace, .picturebox .thumbspace .thumbs{
  width: 750px;
}

.picturebox img, .picturebox_dialog img{
  border: 0 !important;
}
/********************************
 * 
 * picture holders
 * 
 */

.picturebox .picture, .picturebox_dialog .picture {
  text-align: center;
}
.picturebox .picture{
  position: relative;
  border: 5px solid #1f1f1f;
  background-color: #1f1f1f;
  margin-bottom: 10px;
  width: 910px; 
  /* height: 335px; */
  height: 469px; 
}
.picturebox .picture td.picture-holder{
  /* height: 335px; */
    height: 469px;
}

/********************************
 * 
 * picture image
 * 
 */

.picturebox .picture img, .picturebox_dialog .picture img {
	cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
}

/********************************
 * 
 * picture description
 * 
 */

.picturebox .picture .desc, .picturebox_dialog .picture .desc{
  display: none;
  position: absolute;
  background-image: url('/images/overlaybg.png');
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  color: #fff;
}
/********************************
 * 
 * picturebox
 * 
 */

 
.picturebox_dialog{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 	background-color: #252525;
 	
}
.picturebox_dialog {
 	background-color: none;
}
.picturebox_dialog .picturespace{
  position: absolute;
  top: 0px;
  bottom: 110px;
  overflow: hidden;
  left: 0px;
  right: 0px; 
}
.picturebox_dialog .picturespace .inner-picturespace{

}
.picturebox_dialog .thumbspace {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 110px;
	background-color: #212121;
}
.picturebox_dialog .picture {
  /*
  margin-left: 85px;
  padding-bottom: 40px;
  */
  position: relative;
}
.picturebox_dialog .picture img {
  border: 5px solid #121212;
  margin: 0 !important;
  padding: 0 !important;
}

.picturebox_dialog .picture .desc{
  text-align: center;
}
.picturebox_dialog .arrow{
	position: absolute;
	background-color: #000;
	height: 140px;
	width: 50px;	
	top: 250px;
	cursor: pointer;
}
.picturebox_dialog .arrow.disabled{
  opacity: 0.2;
  -moz-opacity: 0.2;
  -webkit-opacity: 0.2;
  filter:alpha(opacity=20);	
}
.picturebox_dialog .arrow.left{
	left: 0;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	background-image: url('/images/btn_picturebox_left.png');
	background-repeat: no-repeat;
	background-position: center;
}
.picturebox_dialog .arrow.right{
	right: 0px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	background-image: url('/images/btn_picturebox_right.png');
	background-repeat: no-repeat;
	background-position: center;
}
.picturebox_dialog .thumbs{
	margin-left: auto;
  margin-right: auto;
  width: 750px !important;	
	/* width: 510px; */ /* $options['thumbs']['holder-width'] */
}
.picturebox_dialog .thumbs .jcarousel-skin-tango{
  margin-left: -160px;
}
/********************************
 * 
 * picture thumbs holder
 * 
 */

.picturebox .thumbs{
	/* width: 510px; */ /* $options['thumbs']['holder-width'] */

}


/********************************
 * 
 * picture thumbs
 * 
 */

.picturebox .thumbs ul li.active, .picturebox_dialog .thumbs ul li.active{
  border: 1px solid #7a7a7a;
}
.picturebox .thumbs ul li img, .picturebox_dialog .thumbs ul li img{
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter:alpha(opacity=60)
}
.picturebox .thumbs ul li.active img, .picturebox .thumbs ul li img:hover, 
.picturebox_dialog .thumbs ul li.active img, .picturebox_dialog .thumbs ul li img:hover{
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  filter:alpha(opacity=100)
}
