/**
 * 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: 63px;
    height: 87px;
}

/**
 * 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;
} 
/*
 * Required 
*/
#loopedSlider .container { width:702px; height:446px; overflow:hidden; position:relative; cursor:pointer; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:702px; display:none; }
#loopedSlider .slides img {}
#loopedSlider .inter {position:absolute; top: 420px; right:10px;}
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width: 702px; position:relative; clear:both; }
#loopedSlider ul.pagination { list-style:none; padding:0; margin:0;   }
#loopedSlider ul.pagination li  { float:left; background:none;  height:19px; width:25px; }
#loopedSlider ul.pagination li a { padding:2px 7px; font-family:'arial'; font-size:15px; text-decoration:none; background:url('image/bgslider.png') no-repeat; border:#999999 1px solid; color:#fff; font-weight:bold;  }
#loopedSlider ul.pagination li a:hover { color:#01CCFF} 
#loopedSlider ul.pagination li.active a { font-weight:bold; font-family:'arial'; font-size:15px;  color:white; background:url('image/bgslider.png') no-repeat; }