.JC-Scroll{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.Public-JC{
    width: 2000em;
    position: relative;
    overflow: hidden;
}
.Public-JC li{
    float: left;
    position: relative;
    overflow: hidden;
}
.Full-JC li{
    height: 100%;
}
.Full-JC li a{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
}
.JC-Scroll .pagination{
    width: 100%;
    height: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0
}
.JC-Scroll .pagination span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 2px;
    cursor: pointer;
    background: url(../images/page.jpg) no-repeat 4px 0;
    width: 13px;
    height: 0px;
    padding-top: 12px;
    overflow: hidden; 
    position: relative;
    z-index: 10
}
.JC-Scroll .pagination span.active {
    background-position: -8px 0; 
}
.JC-Scroll .Control .Prev,.JC-Scroll .Control .Next{
    position: absolute;
    width: 40px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    display: none;
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.JC-Scroll .Control .Prev:hover,.JC-Scroll .Control .Next:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity 0.6s ease 0.1s;
    -moz-transition: opacity 0.6s ease 0.1s;
    -ms-transition: opacity 0.6s ease 0.1s;
    -o-transition: opacity 0.6s ease 0.1s;
    transition: opacity 0.6s ease 0.1s;
}
.JC-Scroll .Control .Prev{
    left: 15px;
    background-image: url(../images/left.png);
}
.JC-Scroll .Control .Next{
    right: 15px;
    background-image: url(../images/right.png);
}