@charset "utf-8";

.eclipse-wrapper {position: relative;}
.eclipse-wrapper button {border: none; -webkit-appearance: none; appearance: none; cursor: pointer;}

.eclipse-hide {display: none !important;}

.eclipse-slider {transition: all 500ms;}
.eclipse-slides { width:380px; height: 366px; /*background: #d3d5f5;*/ background: #fff; text-align: center; color: #000000; z-index: 2;}
.eclipse-slides img {max-width: 100%;}
.eclipse-active {z-index: 1;}

.eclipse-clone {z-index: 0 !important;}

.eclipse-arrow {display: block; position: absolute; top: 50%; z-index: 11; width: 35px; height: 65px; margin: -18px 0 0; background: url(../js/arrow2.png) 0 0 no-repeat; text-indent: -9999em; border: none; -webkit-appearance: none; appearance: none; cursor: pointer;}
.eclipse-arrow.eclipse-prev {left: -70px; transform: rotate(180deg);}
.eclipse-arrow.eclipse-next {right: -70px;}

.eclipse-controls {position: absolute; left: 50%; bottom: -40px; z-index: 11; line-height: 0; transform: translateX(-50%);}

.eclipse-paging {float: left;}
.eclipse-paging-button {background: url(../js/dot_off.png) 0 0 no-repeat; width: 8px; height: 8px; margin: 0 0 -100px 10px;  text-indent: -9999em;}
.eclipse-paging-button:first-child {margin-left: 0;}
.eclipse-paging-active {background: url(../js/dot_on.png) 0 0 no-repeat; width: 32px; height: 8px; margin: 0 0 -100px 10px;  text-indent: -9999em; }

.eclipse-auto-play {display: block; float: left; width: 25px; height: 25px; margin: 0 0 0 10px; background: url(../js/play.png) 0 0 no-repeat; text-indent: -9999em;}
.eclipse-auto-stop {display: block; float: left; width: 25px; height: 25px; margin: 0 0 0 10px; background: url(../js/stop.png) 0 0 no-repeat; text-indent: -9999em;}