#index {
  width: 960px;
  margin: 10px auto;
  border: 1px solid #18c2c8;
  background: #fff
}
#index .area {
  width: 220px;
  display: inline;
  float: left;
  border-right: 1px solid #eee;
  margin: 10px 0 0 20px
}
#index .area li {
  float: left;
  line-height: 20px
}
#index .area li.first {
  width: 200px;
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 10px
}
#index .area li a {
  width: 50px;
  display: block;
  color: #333
}
#index .year {
  width: 220px;
  display: block;
  float: left;
  border-right: 1px solid #eee;
  margin: 10px 0 10px 20px
}
#index .year li {
  float: left;
  line-height: 20px
}
#index .year li.first {
  width: 200px;
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 10px
}
#index .year li a {
  width: 50px;
  display: block;
  color: #333
}
#index .actor {
  width: 455px;
  display: block;
  float: left;
  margin: 10px 0 10px 20px
}
#index .actor li {
  float: left;
  line-height: 20px
}
#index .actor li.first {
  width: 455px;
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 10px
}
#index .actor li a {
  width: 50px;
  display: block;
  color: #333
}
#new {
  width: 920px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 20px
}
#new ul {
  width: 920px;
  float: left;
  display: inline-block;
  border-bottom: 1px dashed #ccc;
  position: relative
}
#new ul.title {
  font-weight: 700;
  color: #333
}
#new ul.title li.first {
  background: url(../images/new100.gif) no-repeat left center;
  text-indent: -9999px
}
#new ul li {
  float: left;
  width: 170px;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  height: 30px;
  color: #666;
  overflow: hidden;
}
#new ul li em {
  width: 50px;
  display: block;
  text-align: center;
  font-size: 18px;
  float: left;
  font-family: tahoma;
  color: #ccccda
}
#new ul li a {
  color: #444
}
#new ul li.first {
  width: 400px;
  text-align: left
}
#new ul li.time {
  text-align: right
}
#new ul li.detail {
  display: none;
  position: absolute;
  width: 350px;
  height: 132px;
  border: 1px solid #ccc;
  background: red;
  font-size: 12px;
  top: 33px;
  left: 50px;
  z-index: 9999
}
#new ul li.detail dl {
  background: #fff;
  width: 350px;
  height: 132px;
  display: block;
  float: left
}
#new ul li.detail dt {
  display: block;
  float: left
}
#new ul li.detail dt img {
  width: 95px;
  height: 128px;
  padding: 2px;
  border-right: 1px solid #ccc
}
#new ul li.detail dd {
  float: left;
  display: block;
  width: 230px;
  text-align: left;
  line-height: 21px;
  padding: 0 10px;
  color: #444
}
#new ul li.detail dd.bg {
  height: 20px;
  line-height: 20px;
  background: #000;
  position: absolute;
  width: 75px;
  top: 110px;
  left: 2px;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5
}
#new ul li.detail dd.info {
  height: 20px;
  line-height: 20px;
  position: absolute;
  width: 75px;
  top: 110px;
  left: 2px;
  text-align: right;
  color: #fff
}
#new ul li.detail dd.title {
  font-weight: 700;
  color: #333
}
#new ul li.detail dd.line {
  border-top: 1px solid #ccc
}
#new ul li.detail dd.change {
  background: #fffbd1;
  height: 23px
}
form.search {
  position: relative;
  float: left;
  padding: 0 0 10px 10px
}
form.search input.keyword {
  background: url(../images/search_box.gif) no-repeat;
  width: 465px;
  height: 35px;
  line-height: 35px;
  border: none;
  padding: 0 0 0 5px;
  font-size: 16px;
  color: #999;
  margin: 0 0 1px
}
form.search input.button {
  background: url(../images/search.gif) no-repeat;
  width: 19px;
  height: 19px;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 8px;
  text-indent: -9999px
}
div.hotkey {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  width: 460px;
  padding: 0 0 0 15px
}
div.hotkey a {
  color: #333
}
form.search a {
  padding: 0 3px;
  font-size: 12px;
  color: #333
}