.gallery_title  {
color : #fff;
font-size : 18px;
line-height : 1em;
}
#myGallery {
display : none;
z-index : 1;
width : 627px;
height : 188px;
padding : 0;
float : left;
text-align : left;
margin : 0 auto;
font-size : 22px;
font-family : Helvetica, Georgia, sans-serif;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #000;
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;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {
position : absolute;
font-family : Helvetica, Georgia, sans-serif;
z-index : 10;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 35px;
line-height : 1em;
background : #222;
color : #fff;
padding : 0 0 0 10px;
text-indent : 0;
font-size : 100%;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
margin : 0;
margin : 2px 5px;
font-weight : bold;
color : inherit;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-size : 80%;
margin : 2px 5px;
color : #eee;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 108px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdGallery a.carouselBtn {
position : absolute;
bottom : 0;
right : 0;
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 : 88px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselWrapper {
position : absolute;
width : 100%;
height : 55px;
top : 5px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner {
position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}
.jdGallery .carousel .label {
font-size : 12px;
position : absolute;
bottom : 2px;
left : 5px;
padding : 0;
margin : 0;
line-height : 1.1em;
}
.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;
}
.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;
}