/* *******************************
 top slider
**********************************/
ul.lof-main-wapper li {
  position: relative;
}

.lof-slidecontent {
  position: relative;
  overflow: hidden;
}
.lof-slidecontent .preload {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  text-align: center;
  background: #FFF;
}
.lof-slidecontent .preload div {
  height: 100%;
  width: 100%;
  background: transparent url("./img/load-indicator.gif") no-repeat scroll 50% 50%;
}
.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 url("./img/load-indicator.gif") no-repeat scroll 50% 50%;
  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 ul.sliders-wrap-inner li img {
  padding: 0px;
}
.lof-slidecontent ul.sliders-wrap-inner .lof-opacity li {
  position: absolute;
  top: 0;
  left: 0;
  float: inherit;
}
.lof-slidecontent .navigator-content {
  position: absolute;
  right: 14px;
  top: 11px;
  z-index: 9;
  height: 358px;
  width: 140px;
  overflow: hidden;
  background: url("./img/opac_bg.png");
}
.lof-slidecontent .navigator-wrapper {
  position: relative;
  z-index: 10;
  height: 150px;
  width: 120px;
  overflow: hidden;
  top: 40px;
  left: 0;
  margin: 0 auto;
}
.lof-slidecontent ul.navigator-wrap-inner {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}
.lof-slidecontent ul.navigator-wrap-inner li {
  cursor: pointer;
  padding: 0;
  margin-left: 2px;
  overflow: hidden;
  float: left;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img {
  border: 3px solid #8c003d;
}
.lof-slidecontent ul.navigator-wrap-inner li img {
  height: 80px;
  width: 120px;
  margin: 7px 0;
  float: left;
  padding: 0;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.lof-slidecontent ul.navigator-wrap-inner li img:hover {
  border: 3px solid #8c003d;
}
.lof-slidecontent .button-next,
.lof-slidecontent .button-previous {
  display: block;
  width: 120px;
  height: 29px;
  color: #FFF;
  cursor: pointer;
  position: absolute;
  right: 24px;
  z-index: 40;
  text-indent: -999px;
}
.lof-slidecontent .button-next {
  bottom: 20px;
  background: url("./img/next.png") no-repeat center center;
}
.lof-slidecontent .button-next:hover {
  background: url("./img/next_on.png") no-repeat center center;
}
.lof-slidecontent .button-previous {
  top: 20px;
  background: url("./img/prev.png") no-repeat center center;
}
.lof-slidecontent .button-previous:hover {
  background: url("./img/prev_on.png") no-repeat center center;
}

 /* *******************************
 toppage new product slider
**********************************/
#carousel {
  width: 612px;
  height: 190px;
  position: relative;
}

.flex-prev, .flex-next {
  position: absolute;
  width: 30px;
  height: 190px;
  z-index: 1000;
  top: 0;
}
.flex-prev a, .flex-next a {
  cursor: pointer;
}

.flex-prev {
  left: -36px;/*-40*/
  background-image: url("../img/slider2/prev2.png");
}

.flex-prev:hover {
  background-image: url("../img/slider2/prev2_on.png");
}

.flex-next {
  right: -36px;/*-32*/
  background-image: url("../img/slider2/next2.png");
}

.flex-next:hover {
  background-image: url("../img/slider2/next2_on.png");
}

#flexslider {
  width: 540px;
  height: 190px;
  position: absolute;
  top: 0;
  left: 40px;
  margin-left: -4px;
}

ul.slides {
  overflow: hidden;
  float: left;
}
ul.slides li {
  display: inline;
  float: left;
  width: 135px;/*128*/
  height: 189px;
}
ul.slides li div {
  width: 135px;/*128*/
  height: 189px;
  overflow:hidden;
}
ul.slides li div:hover {
  opacity: .8;
}
ul.slides li img {
  line-height: 0;
}
ul.slides li p {
	width: 109px;/*103*/
	height: 43px;
	padding: 5px 5px 0 20px;
	font-size: 12px;
	padding-left: 20px;
	text-indent: -12px;
		background-color: #8C003D;
}
ul.slides li p a {
	color: #F7F6F9;

}