@charset "utf-8";
dl,dd,h1,h2,h3,h4,p,form{margin:0;}
ul,ol{margin:0; padding:0;}
li{list-style:none;}
img{border:none;}
a {text-transform: none; color: #333}
body {margin: 0px; font-family: arial, helvetica, sans-serif; background: #fff}

#container {width: 1178px; height:610px; margin:0 auto;  font-size: 12px;}
.lof-slidecontent {
	position: relative; overflow: hidden; 
}
.lof-slidecontent .preload {
	z-index: 100000; position: absolute; text-align: center; width: 100%; background: #fff; height: 100%; top: 0px; left: 0px
}
.lof-slidecontent .preload div {
	width: 100%; background: url(../images/load-indicator.gif) no-repeat 50% 50%; height: 100%
}
.lof-slidecontent .sliders-wrapper {
	position: relative; width: 1178px; height: 100%; overflow: hidden
}
.lof-slidecontent ul.sliders-wrap-inner {
	position: absolute; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; background: url(../images/load-indicator.gif) no-repeat; overflow: hidden; padding-top: 0px
}
.lof-slidecontent ul.sliders-wrap-inner li {
	position: relative; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; float: left; overflow: hidden; padding-top: 0px
}
.lof-slidecontent .lof-opacity li {
	position: absolute; float: inherit; top: 0px; left: 0px
}
.lof-slidecontent .navigator-content {
	position: absolute; padding-bottom: 5px; padding-left: 0px; bottom: 10px; padding-right: 0px; background: url(../images/transparent_bg.png); right: 10px; padding-top: 5px
}
.lof-slidecontent .navigator-wrapper {
	z-index: 10; position: relative; width: 310px; float: left; height: 180px; color: #fff; overflow: hidden
}
.lof-slidecontent ul.navigator-wrap-inner {
	position: absolute; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; top: 0px; padding-top: 0px
}
.lof-slidecontent ul.navigator-wrap-inner li {
	text-align: center; padding-bottom: 0px; list-style-type: none; padding-left: 0px; padding-right: 0px; display: block; float: left; margin-left: 0px; overflow: hidden; cursor: pointer; list-style-image: none; padding-top: 0px
}
ul.sliders-wrap-inner li img {
	padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
.lof-slidecontent .slider-description a.readmore {
	color: #58b1ea; font-size: 95%
}
.lof-slidecontent .slider-description a {
	color: #fff
}
.lof-slidecontent .slider-description {
	position: absolute; padding-bottom: 10px; padding-left: 10px; width: 350px; bottom: 50px; padding-right: 10px; background: url(../images/bg_trans.png); height: 100px; color: #fff; padding-top: 10px; left: 0px
}
.lof-slidecontent .slider-description h4 {
	padding-bottom: 0px; margin: 10px 0px; padding-left: 0px; padding-right: 0px; font-size: 14px; padding-top: 0px
}
.lof-slidecontent .slider-description .slider-meta a {
	padding-bottom: 2px; text-transform: uppercase; margin: 0px; padding-left: 3px; padding-right: 3px; font-family: "trebuchet ms", trebuchet, arial, verdana, sans-serif; background: #c01f25; font-size: 75%; text-decoration: none; padding-top: 2px
}
.lof-slidecontent .item-meta a:hover {
	text-decoration: underline
}
.lof-slidecontent .item-meta i {
	font-size: 70%
}
.lof-slidecontent ul.navigator-wrap-inner li img {
	border: #666 3px solid; 
}
.lof-slidecontent ul.navigator-wrap-inner li.active img {
	border: #a8a8a8 3px solid; -moz-transition: border-color ease-in-out 0.4s
}
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border-bottom: #a8a8a8 3px solid; border-left: #a8a8a8 3px solid; border-top: #a8a8a8 3px solid; border-right: #a8a8a8 3px solid; -moz-transition: border-color ease-in-out 0.4s
}
.lof-slidecontent .navigator-content .button-next {
	width: 22px; display: block; height: 30px; color: #fff; cursor: pointer
}
.lof-slidecontent .navigator-content .button-previous {
	width: 22px; display: block; height: 30px; color: #fff; cursor: pointer
}
.lof-slidecontent .navigator-content .button-next {
	text-indent: -9999px; background: url(../images/arrow-l.png) no-repeat right center; float: left; margin:13px 5px 0 0; margin:15px 5px 0 0\9;
}
.lof-slidecontent .navigator-content .button-previous {
	text-indent: -9999px; background: url(../images/arrow-r.png) no-repeat left center; float: left; margin:13px 0 0 5px; margin:15px 0 0 5px\9;
}
.lof-slidecontent .button-control {
	position: absolute; width: 20px; background: url(../images/transparent_bg.png); height: 20px; top: 10px; cursor: pointer; right: 10px
}
.lof-slidecontent .button-control span {
	width: 100%; display: block; height: 100%
}
.lof-slidecontent .action-start span {
	background: url(../images/play.png) no-repeat center center
}
.lof-slidecontent .action-stop span {
	background: url(../images/pause.png) no-repeat center center
}

.new-footer{width:1178px;margin:0 auto;}
.cb:after{content:'';display:table;clear:both;}
.cb{zoom:1;}