#myGallery{

	width: 290px;

	height: 315px;

	z-index:5;

	display: none;

	border: 1px solid #FFF;

	background-color: #FFF;

	padding: 2px;

}

.jdGallery{

	overflow: hidden;

	position: relative;

}

.jdGallery img{

	border: 0;

	margin: 0;

}

.jdGallery .slideElement{

	width: 100%;

	height: 100%;

	background-color: #FFF;

	background-repeat: no-repeat;

}

.jdGallery .loadingElement{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #000;

	background-repeat: no-repeat;

	background-position: center center;

}

.jdGallery .slideInfoZone{

	position: absolute;

	z-index: 10;

	width: 100%;

	margin: 0px;

	left: 0;

	bottom: 0;

	height: 1px;

	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: 185px;

	width: 100%;

	z-index: 10;

	margin: 0px;

	left: 0;

	top: 0;

}

.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: 100%;

	margin: 0px;

	left: 0;

	top: 0;

	height: 165px;

	background: #333;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}

.jdGallery .carousel .carouselWrapper{

	position: absolute;

	width: 100%;

	height: 78px;

	top: 10px;

	left: 0;

	overflow: hidden;

}

.jdGallery .carousel .carouselInner{

	position: relative;

}

.jdGallery .carousel .carouselInner .thumbnail{

	cursor: pointer;

	background: #000;

	background-position: center center;

	float: left;

	border: solid 1px #fff;

}

.jdGallery .carousel .label{

	font-size: 13px;

	position: absolute;

	bottom: 5px;

	left: 10px;

	padding: 0;

	margin: 0;

}

.jdGallery .carousel .label .number{

	color: #b5b5b5;

}

.jdGallery a{

	font-size: 100%;

	text-decoration: none;

	color: inherit;

}

.jdGallery a.right, .jdGallery a.left{

	position: absolute;

	height: 99%;

	width: 25%;

	cursor: pointer;

	z-index:10;

	/*filter:alpha(opacity=70);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.5;*/

}

* html .jdGallery a.right, * html .jdGallery a.left{

	/*filter:alpha(opacity=50);*/

}

.jdGallery a.right:hover, .jdGallery a.left:hover{

	/*filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;*/

}

.jdGallery a.left{

	left: 0;

	top: 150px;

	background: url('../images/fleche_left.png') no-repeat center left;

}

.jdGallery a.right{

	right: 0;

	top: 150px;

	background: url('../images/fleche_right.png') no-repeat center right;

}

.jdGallery a.open{

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.withArrows a.open{

	position: absolute;

	top: 0px;

	left: 25%;

	height: 99%;

	width: 50%;

	cursor: pointer;

	z-index: 10;

	background: none;

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}

.withArrows a.open:hover { /*background: url('img/open.png') no-repeat center center; */}

.legend {

	position: absolute;

	color: #D5980B;

	font-size: 11px;

	z-index: 200;

	top: 300px;

	width: 100px;

	text-align: center;

	margin-left: 100px;

}