#myGallery, #myGallerySet {
width : 598px;
height : 188px;
z-index : 5;
border : none;
margin :  0;
padding: 0;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
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 : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 40px;
background : #222;
color : #fff;
text-indent : 0;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : 1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
font-size : 14px;
margin : 2px 5px;
font-weight : bold;
text-align:left;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-size : 10px;
margin : 2px 5px;
color : #fff;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
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 : 0;
left : 0;
top : 0;
height : 115px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #222;
border : 1px solid #888;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .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;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat center left;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat center left;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat center right;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor : pointer;
z-index : 10;
background : none;
}
.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;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : #000;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
border : 1px solid #888;
padding : 5px;
height : 40px;
color : #fff;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : #000;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : #aaa;
}