#feature
 {
 width:1090px;
 margin:0 auto;
 }

.lof-slidecontent
   {
   position:relative;
   overflow:hidden;
   border-left: rgb(0, 0, 0) solid 1px;
  border-right: rgb(0, 0, 0) solid 1px;
   }
   .lof-slidecontent .preload
   {
   height:100%;
   width:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:100000;
   text-align:center;
   background:#FFF
   }
   .lof-slidecontent  .sliders-wrapper
   {
   position:relative;
   height:100%;
   width:900px;
   z-index:3px;
   overflow:hidden;
   }
   .lof-slidecontent  ul.sliders-wrap-inner
   {
   overflow:hidden;
   background:transparent;
   padding:0px;
   margin:0;
   position:absolute;
   overflow:hidden;
   }
   .lof-slidecontent  ul.sliders-wrap-inner li
   {
   overflow:hidden;
   padding:0px;
   margin:0px;
   float:left;
   position:relative;
   }
   .lof-slidecontent  .lof-opacity  li
   {
   position:absolute;
   top:0;
   left:0;
   float:inherit;
   }

.lof-slidecontent  .navigator-content
   {
   position:absolute;
   right:0;
   top:00px;
   z-index:9;
   height:300px;
   width:310px;
   overflow:hidden;
   color:#FFF
   }
   .lof-slidecontent  .navigator-wrapper
   {
   position:relative;
   z-index:10;
   height:180px;
   width:310px;
   overflow:hidden;
   color:#FFF;
   float:left
   }
   .lof-slidecontent  ul.navigator-wrap-inner
   {
   top:0;
   padding:0;
   margin:0;
   position:absolute;
   width:100%;
   }
   .lof-slidecontent  ul.navigator-wrap-inner li
   {
   cursor:hand;
   cursor:pointer;
   list-style:none;
   padding:0;
   margin-left:0px;
   overflow:hidden;
   float:left;
   display:block;
   text-align:center;
   }
.lof-slidecontent .slider-description a
   {
   color:#FFF;
  }

.lof-slidecontent .slider-description a:hover
   {
  opacity: 0.8;
}
.lof-slidecontent .slider-description
   {
   z-index:100px;
   position:absolute;
   bottom:18px;
   left:0px;
   width:775px;
  
   height:43px;
   padding:10px;
   color:#FFF;
   background-color: rgba(0, 0, 0, 0.59);
   bottom: 0;
   }
   .lof-slidecontent .slider-description h4
   {
   font-size: 14px;
   margin: 2px 0;
   padding: 0;
   }

/* item navigator */
   .lof-slidecontent ul.navigator-wrap-inner  li.active
   {
   background:url(../images/feature-bg.png);
   color:#FFF;
    font-weight: bold;
   }
   .lof-slidecontent ul.navigator-wrap-inner  li >  div
   {
   background:url(../images/feature-bg.png);
   color:#FFF;
   height:100%;
   position:relative;
   margin-left:3px;
   Padding:10px 15px;
   text-align:left
   }


.lof-slidecontent ul.navigator-wrap-inner  li >  div a
   {
   color:#FFF;
}
  
.dummy1
   {
   color: #FFFFFF;
   font-size: 18px;
   height: 23px;
   line-height: 32px;
   padding: 12px 0;
   text-align: center;
   width: 200px;
   }
   .dummy
   {
   color: #FFFFFF;
   font-size: 13px;
   height: 13px;
   line-height: 10px;
   text-align: center;
   width: 167px;
   margin-bottom:5px;
   }








.circle {
  background-color: rgba(0,0,0,0);
  border:5px solid rgba(0,183,229,0.9);
  opacity:.9;
  border-right:5px solid rgba(0,0,0,0);
  border-left:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 35px #2187e7;
  width:50px;
  height:50px;
  margin:0 auto;
  -moz-animation:spinPulse 1s infinite ease-in-out;
  -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
  background-color: rgba(0,0,0,0);
  border:5px solid rgba(0,183,229,0.9);
  opacity:.9;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 15px #2187e7; 
  width:30px;
  height:30px;
  margin:0 auto;
  position:relative;
  top:-50px;
  -moz-animation:spinoffPulse 1s infinite linear;
  -webkit-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
  0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
  50% { -moz-transform:rotate(145deg); opacity:1; }
  100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
  0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
  50% { -webkit-transform:rotate(145deg); opacity:1;}
  100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}