/* history.html */
.history_train {
  position: relative;
}

.history_train__navigate {
  position: absolute;
  right: 0;
  top: -43px
}

.astykHistory_manageLink {
  display: inline-block;
  width: 20px;
  height: 28px;
  background: url(../images/history_naviArrows.png) 0 0 no-repeat;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms
}

.astykHistory_manageLink_next {
  background-position: 100% 0;
}

.astykHistory_manageLink:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms
}

.astykHistory_manageLink.disable {
  opacity: 0.12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
  cursor: default
}

.train_navi {
  width: 100%;
  height: 70px;
  overflow: hidden;
  position: relative;
  background: url(../images/train_railway.png) 100% 100% repeat-x;
  padding-bottom: 1px;
}

.train_navi_wrap {
  height: 70px;
  position: relative;
  float: left;
  width: 5000px;
  left: 0
}

.train_navi_coverr {
  float: left;
}

.train_item {
  display: block;
  float: left;
  height: 68px;
  width: 197px;
  background: url(../images/train_def_mod2.png) 0 100% no-repeat;
  position: relative
}

.train_item_backActive {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 0;
  background: url(../images/train_active_mod2.png) 0% 100% no-repeat;
}

.train_item span {
  display: block;
  position: absolute;
  z-index: 10;
  color: #d9e0e2;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  bottom: 23px;
  right: 35px;
}

.train_loco {
  float: left;
  height: 68px;
  width: 274px;
  background: url(../images/train_loco.png) 0 0 no-repeat;
}

.train_item.active {
  cursor: default
}

.train_item.active .train_item_backActive {
  width: 197px;
}

.train_item:hover span, .train_item.active span {
  color: #ffffff;
  -webkit-transition: color 400ms;
  transition: color 400ms
}

.train_navi_active {
  height: 68px;
  width: 197px;
  position: absolute;
  top: 0;
  left: 197px;
  overflow: hidden;
  z-index: 150
}

.train_navi_active .train_item {
  display: block;
  float: left;
  height: 68px;
  width: 197px;
  background: url(../images/train_active_mod2.png) 0 100% no-repeat;
  position: relative
}

.train_navi_active .train_navi_wrap {
  left: -197px;
}

.train_navi_active span {
  color: #ffffff;
  -webkit-transition: color 400ms;
  transition: color 400ms
}

.train_navi_active .train_item:first-child, .train_navi .train_item:first-child {
  cursor: default
}

.history_line {
  clear: both;
  float: left;
  width: 100%;
  background: url(../images/gray_px.png) 17px 0 repeat-y;
  margin: 40px 0 0
}

.hl_header {
  background: url(../images/history_dot_first.png) 0 0 no-repeat;
  color: #42515a;
  font-weight: bold;
  font-size: 0.857em;
  padding: 0 0 5px 45px;
  margin: 0 0 20px 2px
}

.hl_header b {
  font-size: 1.666em;
}

.hl_item {
  border: 2px solid #fcb814;
  margin: 0 0 30px 72px;
  padding: 25px 25px 12px;
  position: relative
}

.history_line__dot {
  position: absolute;
  left: -64px;
  top: 40px;
  background: url(../images/history_dot.png) no-repeat;
  width: 15px;
  height: 15px;
  display: block
}

.hl_item:after {
  content: " ";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  right: -2px;
  bottom: -2px;
  background: url(../images/borderBox_andle.png) 0 0 no-repeat;
  z-index: 50
}

.hl_item:before {
  content: " ";
  display: block;
  width: 7px;
  height: 8px;
  position: absolute;
  left: -7px;
  top: 44px;
  background: url(../images/borderBox_arrow.png) 0 0 no-repeat;
  z-index: 50
}

.hl_footer {
  width: 21px;
  height: 21px;
  background: url(../images/history_dot_last.png);
  margin: 0 0 0 7px
}

.hl_item:hover, .hl_item.active {
  background: #00bdda;
  border-color: #00bdda;
  color: #ffffff
}

.hl_item:hover:after, .hl_item.active:after {
  background-image: url(../images/borderBox_andle_active.png);
}

.hl_item:hover:before, .hl_item.active:before {
  background-image: url(../images/borderBox_arrow_active.png);
}

.hl_item:hover p, .hl_item.active p, .hl_item:hover li, .hl_item.active li, .hl_item:hover h5, .hl_item.active h5 {
  color: #ffffff
}

ul.simplle_list {
  margin: 0 0 10px 35px
}

ul.simplle_list li {
  padding: 2px 0
}

ul.simplle_list li ul li {
  list-style: disc;
  list-style-position: inside
}

.hl_item:hover .ul_para li {
  background-image: url(../images/ulpara_blue_hover.png)
}

.history_line__year_cell__wrrraaap {
  position: relative;
  overflow: hidden
}

.history_line__year_cell__cover {
  height: auto;
  position: relative;
}

.history_line__year_cell {
  display: none;
  position: absolute;
  top: 0;
  left: 0
}

.history_line__year_cell.active {
  display: block
}

.history_line__year_cell:first-child {
  display: block
}

/* END history.html */