#yi-slider{
	width: 100%; height: 360px;
	overflow: hidden;
	position: relative;
}
#yi-slider .root{ position: relative; }
#yi-slider ul, #yi-slider li{ list-style: none; padding: 0; margin: 0; }
#yi-slider .root ul{ position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }
#yi-slider .root li{ position: absolute; top: 0; overflow: hidden; }
#yi-slider .yi-slider-root-nav{ position: absolute; bottom: 10px; right: 0; list-style: none; padding: 0; margin: 0; }
#yi-slider .yi-slider-root-nav li{ list-style: none; display: inline-block; padding: 0; margin: 0 10px 0 0; }
#yi-slider .yi-slider-root-nav li a:hover,
#yi-slider .yi-slider-root-nav li a{ text-align: center; display: block; font: normal 12px Arial; width: 16px; height: 16px; padding-top: 2px; text-decoration: none; background: #f0d99c; color: #000; }
#yi-slider .yi-slider-root-nav li a.active{ background: #fff; }
#yi-slider .yi-slider-child-prev,
#yi-slider .yi-slider-child-next{ font-size: 32px; color: #000; text-decoration: none; width: 32px; height: 64px; position: absolute; top: 50%; margin-top: -32px; background-image: url(/fortemplate/images/icon-arrow.png); background-repeat: no-repeat; }
#yi-slider .yi-slider-child-next{ right: 10px; background-position: top right; }
#yi-slider .yi-slider-child-prev{ left: 10px; background-position: top left; }
#yi-slider .yi-slider-child-next:hover{ background-position: bottom right; }
#yi-slider .yi-slider-child-prev:hover{ background-position: bottom left; }