.ccslider {
position: relative;
background: #fff url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/slider-loading.gif) center center no-repeat;
margin: 0 auto 60px auto;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}
.ccslider img {
visibility: hidden;
}
.slider-innerWrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.slider-innerWrapper img {
position: absolute;
top: 0;
left: 0;
visibility: visible !important;
max-width: 100% !important;
min-width: 0 !important;
} a.slider-nav {
position: absolute;	
width: 35px;
height: 34px;
top: 50%;
margin-top: -17px;
z-index: 200;
cursor: pointer;
display: none;
}
.slider-nav.prev {	
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/left-arrow.png) no-repeat;
left: -17px;
}
.slider-nav.next {	
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/right-arrow.png) no-repeat;
right: -17px;
}
.ccslider:hover .slider-nav {
display: block;
}
.slider-timer {	
position: absolute;	
right: 20px;	
top: 20px;
z-index: 200;
width: 20px;
height: 30px;
cursor: pointer;
display: none;
}
.slider-timer.play {
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/slider-play.png) center center no-repeat;
}
.slider-timer.pause {
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/slider-pause.png) center center no-repeat;
}
.ccslider:hover .slider-timer {
display: block;
} .control-links {
position: absolute;
z-index: 200;
list-style: none;
top: 100%;
margin-top: 30px;    
padding: 0;
width: 100%;
text-align: center;
line-height: 0;
}
.control-links li {
display: inline-block;
margin: 0 0 0 5px;
cursor: pointer;    
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/link-bg.png) no-repeat;
width: 15px;
height: 15px;
text-indent: -99999px;
line-height: 0;
zoom: 1;
*float: left; }
.control-links li:first-child {
margin-left: 0;
}
.control-links li.active {
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/images/link-active.png) no-repeat;
}
.control-links li.linkThumb {
width: auto;
height: auto;
position: relative;
text-indent: 0;
background: transparent none;
-moz-transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;	
}
.control-links li.linkThumb.active {
background: transparent none;
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.control-links li.linkThumb img {
display: inline !important;
visibility: visible !important;
}
.ccslider.controlThumbs {
margin-bottom: 100px;
} .cc-caption {
display: none;
}
.slider-caption {
background: #000;
background: rgba(0, 0, 0, 0.7);
z-index: 101;
color: #fff;
padding: 10px;
font-size: 14px;
position: absolute;
overflow: hidden;
display: none;
}
.slider-caption.bottom {
left: 0;
right: 0;
bottom: 0;
}
.slider-caption.top {
left: 0;
right: 0;
top: 0;
}
.slider-caption.left {
left: 0;
top: 0;
bottom: 0;
width: 100px;
}
.slider-caption.right {
right: 0;
top: 0;
bottom: 0;
width: 100px;
} .cc-htmlwrapper {
position: absolute;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
overflow: hidden;
display: none;
} 
.cc-html {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
} .slider-link {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: url(//mp57.jpr105.myds.me/wp-content/plugins/CCSlider/css/about:blank); } .ccslider canvas {
position: absolute;
top: 0;
left: 0;
} .wipe-div {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 0;
height: 0;
-webkit-background-size: cover !important;
background-size: cover !important;
}
.split1-div, .split2-div {
position: absolute;
z-index: 4;
-webkit-background-size: cover !important;
background-size: cover !important;
}
.circle-div {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
width: 0;
height: 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.clock-mask {
position: absolute;
top: 0;
z-index: 3;
width: 50%;
height: 100%;
overflow: hidden;
}
.clock-mask.left {
left: 0;
}
.clock-mask.right {
right: 0;
}
.clock-outer {
position: absolute;
top: 50%;
overflow: hidden;
}
.left .clock-outer {
-moz-transform-origin: left center;
-webkit-transform-origin: left center;
-o-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.right .clock-outer {
-moz-transform-origin: right center;
-webkit-transform-origin: right center;
-o-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.clock-inner {
position: absolute;
top: 50%;
-webkit-background-size: cover !important;
background-size: cover !important;
}
.left .clock-inner {
left: -50%;
}
.right .clock-inner {
left: 50%;
}