.edicraSlider{ margin:0 auto; padding:0; position:relative; overflow:hidden; border:0px solid #ccc; box-sizing:border-box;}
.edicraSlider > div{overflow:hidden; width: 100%;}
.edicraSlider > div > div{float:left; overflow:hidden; height:100%; text-align:center; position:relative;}
.edicraSlider > div > div img{display: block;}
.edicraSlider > div > div img.mainImage { width: 100% }
.edicraSlider > div > div img.autoSize{max-width:100%; max-height:100%; vertical-align:middle;}
.edicraSlider > div > div span.verticalAlignHelper{height:100%; width:0; vertical-align:middle; display:inline-block;}
.edicraSlider > ul.navigator{position:absolute; margin:0; padding:0; bottom:0; left:0; right:0; height:45px; /*background:#ccc;*/ top:auto; text-align:center;}
.edicraSlider > ul.navigator > li {margin:0; padding:0; list-style:none; display:inline-block;}
.edicraSlider > ul.navigator > li > span{margin:0 5px; padding:0; display:inline-block; /*border:3px solid #666;*/ background:#fff; border-radius:0px; width:30px; height:30px;}
.edicraSlider > ul.navigator > li > span:hover{border-color:red; cursor:pointer;}
.edicraSlider > ul.navigator > li.active > span{background-color:#0C92B3;}
.slider-pause {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 42px;
  height: 42px;
  border: none;
  background: #008563;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: background .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-pause:hover {
  background: #000;
}
.slider-pause i {
  pointer-events: none;
}


@media only screen and (max-width: 766px)  {
    .edicraSlider > ul.navigator > li > span {
        background: #eee;
    }
}