.jcarousel-wrapper {
    background: #fff;
    /* border: 1px solid #ccc; */
    /* border-radius: 5px;
    box-shadow: 0 0 2px #999999; */
    margin: 15px 0;
    margin-top:0;
    padding-right: 54px;
    position: relative;
    background-image: linear-gradient(#fff 50%, #F3F3FB);
    background-image: -webkit-linear-gradient(#fff 50%, #F3F3FB);
    background-image: -moz-linear-gradient(#fff 50%, #F3F3FB);
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    /*
    (4 * width: 150px) + (3 * margin-right: 1px) = 603px
    */
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 155px;
    height: 115px;
    margin:0;
    margin-right: 11px;
}

.jcarousel img {
    max-width: 149px;    
    
}

.jcarousel .loading {
    text-align: center;
    line-height: 90px; /* Fake vertical aligning */
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    background: #fff;
    color: #5A7B9E;
    font: bold 48px/100% Arial,sans-serif;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -1px;
    width: 20px;
    border: 1px solid #ccc;
    padding-top: 42px; 
    height: 97px;
}

.jcarousel-control-prev {
    left: -21px;
    /* border-right: 0; */
}

.jcarousel-control-next {
    right: -21px;
    /* border-left: 0; */
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background: #F3F3FB;
    /* color: #999; */
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    /* opacity: .5; */    
    color:#D2DBE4;
}

.jcarousel .jinfo {
text-align:center;
padding-top:2px;
overflow:hidden;
}

/* NEW */

.jcarousel-new-wrapper {
  /* background: #ffc; */
  margin-bottom:20px;
  margin-top:20px;
  padding-right:50px;
  position: relative;
}

/** Carousel **/

.jcarousel-new {
    position: relative;
    overflow: hidden;
    /*
    (4 * width: 150px) + (3 * margin-right: 1px) = 603px
    */
}

.jcarousel-new ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-new li {
    float: left;
    width: 200px;
    height: 140px;
    margin:0;
    margin-right: 20px;    
}

.jcarousel-new img {
    max-width: 200px;    
    
}

.jcarousel-new .loading {
    text-align: center;
    line-height: 90px; /* Fake vertical aligning */
}

/** Carousel Controls **/

.jcarousel-new-control-prev,
.jcarousel-new-control-next,
.jcarousel-new-control-more {
    background: #008CC5;
    color:#fff;
    font: normal 24px/36px sans-serif;
    position: absolute;
    text-align: center;
    text-decoration: none;
    right: 0px;
    width: 36px;
    height: 36px;
    border: 2px solid transparent;
    border-radius:2px;
}

.jcarousel-new-control-prev {
    top:0;
    bottom:auto;
    /* border-right: 0; */
}

.jcarousel-new-control-next {
    top:auto;
    bottom:0;
}
.jcarousel-new-control-more {
    background: transparent url(/ngd/hots-more.png) no-repeat center;
    border-color:transparent;
    top:48px;
    bottom:auto;
}
.jcarousel-new-control-prev:hover,
.jcarousel-new-control-next:hover,
.jcarousel-new-control-more:hover {
    background-color: #4AA3DF; 
    color: #fff;
}

.jcarousel-new-control-prev.inactive,
.jcarousel-new-control-next.inactive {
    /* opacity: .5; */    
    background-color: #eee;
}

.jcarousel-new .jinfo {
text-align:center;
padding-top:2px;
overflow:hidden;
}