@charset "utf-8";
/* CSS GALERIA */

#myGallery a.open {	 }
#myGallery h3 { display: none }
#myGallery p { display: none }
#myGallery .imageElement { float: left; width: 303px; height: 218px; background: #2f2d25 }
#myGallery .imageElement img { border: 0; display: block }
#myGallery img.thumbnail { display: none }
#myGallery  { width: 303px; height: 231px; overflow: auto; position: relative }
#myGallery .scroll { width: 3030px; height: 218px; }

#myGallery.jdGallery p { display: block; font-weight: bold; font-size: 12px }
#myGallery.jdGallery .scroll { width: auto; height: auto; }
#myGallery.jdGallery { overflow: hidden; position: relative; width: 303px; height: 218px; z-index:5; }


.contentGall { float: right }
.jdGallery { margin-bottom: 17px}
*:first-child+html .jdGallery { margin-bottom: 7px}
.jdGallery img { border: 0; margin: 0; }
.jdGallery .slideElement { width: 303px; height: 218px; background-color: #000; background-repeat: no-repeat; }
.jdGallery .loadingElement { width: 303px; height: 218px; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('img/loading-bar-black.gif'); }
.jdGallery .slideInfoZone {  position: absolute; z-index: 10; width: 303px; margin: 0px; left: 0; bottom: 0; height: 20px; background: #333;	color: #fff; text-indent: 0; overflow: hidden; }
* html .jdGallery .slideInfoZone { bottom: -1px; }
.jdGallery .slideInfoZone h2 { padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit; }
.jdGallery .slideInfoZone p { padding: 0; font-size: 60%; margin: 2px 5px; color: #eee; }

.jdGallery div.carouselContainer {  position: absolute; height: 110px; width: 303px; z-index: 10; margin: 0px; left: 0; top: 0; display: none; }

.jdGallery a.open {  } 

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{

	position: absolute;
	width: 303px;
	margin: 0px;
	left: 0;
	top: 0;
	height: 90px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
	display: none
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
	display: none
}

.jdGallery .carousel .carouselInner
{
	position: relative;
	display: none
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
	display: none
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
	display: none
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.open
{
	position: absolute;
	left: 0;
	top: 0;
	width: 303px;
	height: 218px;
}


a.open
{
	position: absolute;
	top: 0;
	left: 0;
	width: 303px;
	height: 178px;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: block
}

/*.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }*/
/* * html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }*/