/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}






/** ztpd skin **/

#ztdisp li {
float: left;
width: 295px;
background: url(imagesasideBgLadd.png) no-repeat 265px 10px;
overflow: hidden;
}

#ztdisp li .bgbMid {
background: #F7F7F7 url(imageslineBgadd.png) repeat-x top center;
padding-top: 7px;
width: 265px;
height: 396px;
}
#ztdisp li .bgbMid .bobntop {
border: 1px solid #E2E2E2;
border-top: none;
padding: 6px;
position: relative;
height: 376px;
zoom: 1;
}

#ztdisp li .bgbMid .bigPicadd:hover {
color: white;
text-decoration: none;
}
#ztdisp li .bgbMid .bigPicadd {
font-family: '微软雅黑','黑体';
font-size: 18px !important;
font-weight: 100 !important;
}

#ztdisp img {
border: 0;
vertical-align: top;
}

#ztdisp li .bgbMid .bigPicadd b {
height: 32px;
line-height: 32px;
width: 250px;
text-align: center;
position: absolute;
top: 6px;
left: 6px;
z-index: 10;
font-weight: 100;
cursor: pointer;
color: #fff;
}

#ztdisp li .bgbMid .bigPicadd span {
height: 32px;
width: 250px;
position: absolute;
top: 6px;
left: 6px;
background: black;
}

#ztdisp li .hdjj {
padding: 0 5px;
}

#ztdisp li .hdjj h2 {
background: url(imagescolTitadd.png) no-repeat;
height: 21px;
line-height: 21px;
color: white;
text-indent: 15px;
font-size: 12px;
font-weight: 100;
}

.jcarousel-skin-ztpd li .hdjj .text {
padding: 10px 0;
font-size: 14px;
line-height: 24px;
color: #737373;
}

.jcarousel-skin-ztpd .jcarousel-container {

    width: 960px;
    height: 430px;
}

.jcarousel-skin-ztpd .jcarousel-direction-rtl {
    direction: rtl;
}




.jcarousel-skin-ztpd .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-ztpd .jcarousel-clip-horizontal {
    height: 430px;
    overflow: hidden;
    position: relative;
    width: 870px;
    left: 45px;
    top: 10px;
}



.jcarousel-skin-ztpd .jcarousel-item {
    width: 265px;
    height: 396px;
}



.jcarousel-skin-ztpd .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ztpd .jcarousel-next-horizontal {
    width: 25px;
    height: 127px;
    display: block;
    position: absolute;
    top: 120px;
    left: 925px;
    cursor: pointer;
    background: url(imagesbntscrolladd.png) no-repeat -34px 0px;
}

.jcarousel-skin-ztpd .jcarousel-next-horizontal:hover {
    background-position:-97px 1px ;
}

.jcarousel-skin-ztpd .jcarousel-prev-horizontal {
    width: 25px;
    height: 127px;
    display: block;
    position: absolute;
    top: 120px;
    left: 10px;
    cursor: pointer;
    background: url(imagesbntscrolladd.png) no-repeat;
}


.jcarousel-skin-ztpd .jcarousel-prev-horizontal:hover {
    background-position: -63px 1px;
}