body {

}


.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}
.tgt {opacity: 0;}
.tgt span{opacity: 0;}



.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}


.slideWrap {
    width:960px;
    margin:auto;
	
}

.slide {
    width:100%;
    overflow:hidden;
    position:relative;
}

.slideInner {
    list-style:none;
    margin-top: 45px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}
.slideInner li {
    position:absolute;
    width:100%;
    
    margin:0;
    padding:0;
}
.slideInner li img {
    width:100%;
}

.slidePrev {
    position:absolute;
    width:25px;
    height:30px;
    left:0;
    cursor:pointer;
    z-index:100;
}

.slideNext {
    position:absolute;
    display:block;
    width:25px;
    height:30px;
    right:0;
    cursor:pointer;
    z-index:100;
}

.controlNav {
    position:relative;
    float:left;
    left:50%;
	margin-top:0;
    bottom:0px;
}
.controlNav span {
    position:relative;
    left:-50%;
    overflow:hidden;
    float:left;
    width:188px;
    height:88px;
    margin:1px;
    vertical-align:middle;
    border:1px solid #00000000;
}

.controlNav span img {
    width:100%;
    height:100%;
}
.controlNav span:hover {
    border:1px solid #696969;
    cursor:pointer;
}
.controlNav span.current {
    border:1px solid #00000000;
}

@media screen and (max-width : 320px ){
    .slideWrap {
        width:100%;
    }
}