@charset "utf-8";

/* CSS Document */

#slide {
  width: 100%;
  height: 345px;
  /* margin-top:150px; */
  /* background:transparent url(../images/slide/main.jpg) repeat-x; */
  background: #000000 url(../images/slide/main.jpg) no-repeat center;
}

* html body #slide {
  margin-top: 0px;
}

#slide_area {
  width: 980px;
  height: 345px;
  margin: 0 auto;
}
#slide_area .slide a{
  display: block;
}

.lof-slidecontent,
.lof-slidecontent a {
  color: #FFF;
}

.lof-slidecontent a.readmore {
  color: #58B1EA;
  font-size: 95%;
}

.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(../images/slide/load-indicator.gif) no-repeat scroll 50% 50%;
}

.lof-main-outer {
  position: relative;
  height: 100%;
  width: 900px;
  z-index: 3px;
  overflow: hidden;
}

/*******************************************************/

.lof-main-item-desc {
  z-index: 100px;
  position: absolute;
  bottom: 50px;
  left: 0px;
  width: 350px;
  background: url(../images/slide/bg_trans.png);
  height: 100px;
  /* filter:0.7(opacity:60) */
  padding: 10px;
}

.lof-main-item-desc p {
  margin: 0 8px;
  padding: 8px 0
}

.lof-main-item-desc h3 {
  padding: 0;
  margin: 0
}

.lof-main-item-desc h2 {
  padding: 0;
  margin: 15px 0 0 0px;
}

.lof-main-item-desc h3 a {
  margin: 0;
  background: #C01F25;
  font-size: 75%;
  padding: 2px 3px;
  font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none
}

.lof-main-item-desc h3 a:hover {
  text-decoration: underline;
}

.lof-main-item-desc h3 i {
  font-size: 70%;
}

/* main flash */

ul.lof-main-wapper {
  /* margin-right:auto; */
  overflow: hidden;
  background: transparent url(../images/slide/load-indicator.gif) no-repeat scroll 50% 50%;
  padding: 0px;
  margin: 0;
  position: absolute;
  overflow: hidden;
}

ul.lof-main-wapper li {
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  float: left;
  position: relative;
}

.lof-opacity li {
  position: absolute;
  top: 0;
  left: 0;
  float: inherit;
}

ul.lof-main-wapper li img {
  padding: 0px;
}

ul.lof-main-wapper .videoBoxmain10 {
  width: 980px;
  height: 345px;
  background: url(../images/slide/main19.jpg) no-repeat;
}
#slide_area ul.lof-main-wapper .videoBoxmain10 a {
  position: absolute;
  width: 980px;
  height: 345px;
  background: url(../images/slide/bg_transparent.gif) repeat;
  z-index: 1;
}
ul.lof-main-wapper .videoBoxmain10 .videoWrap {
  position: relative;
  width: 420px;
  height: 220px;
  margin-top:65px;
  margin-right:10px;
  overflow:hidden;
  display:block;
  float: right;
}

ul.lof-main-wapper .videoBoxmain16 {
  width: 980px;
  height: 345px;
  background: url(../images/slide/main16.jpg) no-repeat;
}
#slide_area ul.lof-main-wapper .videoBoxmain16 a {
  position: absolute;
  width: 980px;
  height: 345px;
  background: url(../images/slide/bg_transparent.gif) repeat;
  z-index: 1;
}
ul.lof-main-wapper .videoBoxmain16 .videoWrap {
  position: relative;
  width: 382px;
  height: 132px;
  margin-top:143px;
  margin-left: 14px;
  overflow:hidden;
  display:block;
  float: left;
}

ul.lof-main-wapper .videoBoxmain19 {
  width: 980px;
  height: 345px;
  background: url(../images/slide/main19.jpg) no-repeat;
}
#slide_area ul.lof-main-wapper .videoBoxmain19 a {
  position: absolute;
  width: 980px;
  height: 345px;
  background: url(../images/slide/bg_transparent.gif) repeat;
  z-index: 1;
}
ul.lof-main-wapper .videoBoxmain19 .videoWrap {
  position: relative;
  width: 420px;
  height: 220px;
  margin-top:65px;
  margin-right:10px;
  overflow:hidden;
  display:block;
  float: right;
}

/* item navigator */

.lof-navigator-wapper {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url(../images/slide/transparent_bg.png) repeat;
  padding: 5px 0px;
  z-index: 100;
}

.lof-navigator-outer {
  position: relative;
  z-index: 100;
  height: 180px;
  width: 310px;
  overflow: hidden;
  color: #FFF;
  float: left;
}

ul.lof-navigator {
  top: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

ul.lof-navigator li {
  cursor: hand;
  cursor: pointer;
  list-style: none;
  padding: 0;
  margin-left: 0px;
  overflow: hidden;
  float: left;
  display: block;
  text-align: center;
}

ul.lof-navigator li img {
  border: #666 solid 3px;
}

ul.lof-navigator li.active img,
ul.lof-navigator li:hover img {
  border: #A8A8A8 solid 3px;
}

.lof-navigator-wapper .lof-next,
.lof-navigator-wapper .lof-previous {
  display: block;
  width: 22px;
  height: 30px;
  color: #FFF;
  cursor: pointer;
}

.lof-navigator-wapper .lof-next {
  float: left;
  text-indent: -9999px;
  margin-right: 5px;
  background: url(../images/slide/arrow-l.png) no-repeat right center;
}

.lof-navigator-wapper .lof-previous {
  float: left;
  text-indent: -9999px;
  margin-left: 5px;
  background: url(../images/slide/arrow-r.png) no-repeat left center;
}