.row { margin-right: -15px; margin-left: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: rgb(249, 249, 249); }

.events-wrap { margin: 0px auto; position: relative;box-sizing: border-box;  }
.events-box { margin: 0px auto; position: relative; height: 540px; overflow: hidden; box-sizing: border-box;}
.events-line { position: absolute; left: 0px; height: 2px; overflow: hidden; background: rgb(228, 228, 228) none repeat scroll 0% 0%; top: 324px;box-sizing: border-box; }
.events-wrap .prev, .events-wrap .next { display: inline-block; width: 21px; height: 39px; background: transparent url('404.png') no-repeat scroll 0% 0%; position: absolute; top: 306px;box-sizing: border-box; }
.events-wrap .prev { left: 0px; background-position: 0px 0px; box-sizing: border-box;}
.events-wrap .next { right: 0px; background-position: -21px 0px; box-sizing: border-box;}
.events-scroll { position: absolute; left: 0px; top: 0px; box-sizing: border-box;}
.events-scroll ul { float: left; height: 540px; padding-left: 53px; }
.events-scroll ul li { width: 213px; float: left; position: relative; }
.events-scroll ul li h2 { color: rgb(51, 51, 51); font-size: 16px; }
.events-scroll ul li p { line-height: 1.2em; font-size: 12px; }
.events-scroll ul li .con { background: transparent url('404.png') no-repeat scroll 9px 16px; padding-left: 46px; line-height: 22px; color: rgb(102, 102, 102); }
.events-scroll ul li .con .years { font-weight: bold; font-size: 14px; color: rgb(102, 102, 102); padding-top: 4px; }
.events-scroll ul li .con .text { padding-bottom: 16px; line-height: 24px; }
.events-scroll ul li .con .text.even { background: transparent url('404.png') no-repeat scroll left bottom; }
.events-scroll ul li .con .text.odd { background: transparent url('404.png') no-repeat scroll left bottom; }
.events-scroll ul li .con p { line-height: 16px; padding: 3px 0px; }
.color-b { color: rgb(51, 51, 51); }
.events-scroll ul li .imgbox { margin-top: 40px; width: 147px; height: 176px; position: relative; overflow: hidden; margin-left: -53px; }
.events-scroll ul li .ring { display: inline-block; width: 20px; height: 20px; overflow: hidden; position: absolute; left: 0px; top: 315px; }
.events-scroll ul li .ring.big { background: transparent url('404.png') no-repeat scroll 0% 0%; }
.events-scroll ul li .ring.small { background: transparent url('404.png') no-repeat scroll center center; }
.events-scroll ul li.fi .con { margin-top: 76px; height: 248px; }
.events-scroll ul li.se .con { height: 320px; }
.events-scroll ul li.th .con { margin-top: 111px; height: 210px; }