.events .list { position: relative;}

.top2 .documentary-list ul li p.up:after, .messagebox .msg-list dl dd .reply i { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; }
.top2 .documentary-list ul li p.down:after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff; }
.top2 { position: relative; height: 618px; }
.top2 .documentary { position: absolute; bottom: 0; left: 0; width: 100%; }
.top2 .wave-1, .top2 .wave-2, .top2 .wave-3 { width: 100%; position: absolute; bottom: 0;left:0; }
.top2 .wave-1 { height: 376px;}
.top2 .documentary-list { width: 105%; height: 220px; position: absolute; bottom:380px; left: 0; z-index: 2; }
.top2 .documentary-list ul { width: 3160px; height: 152px; background: url(/uploads/image/sdimages/time-line-1.png) repeat-x left top; }
.top2 .documentary-list ul li { width: 130px; position: absolute; }
.top2 .documentary-list ul li a { display: block; width: 130px; height: 75px; line-height: 36px; background: url(/uploads/image/sdimages/time-ico-1.png) no-repeat; overflow: hidden; font-size: 38px; color: #d4a339; text-align: center; transition: 0s;font-family:dincondmedium; }
.top2 .documentary-list ul li a.up { padding-bottom: 40px; background-position: center 40px; }
.top2 .documentary-list ul li p { text-align: justify; display:block; width: 200px; margin-left: -100px; padding: 10px; position: absolute; left: 50%;font-size: 16px; color: #666; z-index: 9999999999999999999999999; line-height: 24px; height: 160px; overflow-y: auto;}

.top2 .documentary-list ul li.on a.up { background-position: center -54px; }
.top2 .documentary-list ul li.w240 p { width: 240px; margin-left: -130px; }
.top2 .documentary-list ul li.on p { display: block; }
.top2 .documentary-list ul li p.up { top: 80px; }
.top2 .documentary-list ul li p.up:after { top: -10px }
.top2 .documentary-list ul li p:after { position: absolute; left: 50%; margin-left: -8px; }
.top2 .documentary-list ul li.seat-0 { left: 190px; top: -1px; }
.top2 .documentary-list ul li.seat-1 { left: 457px; top: 83px; }
.top2 .documentary-list ul li.seat-2 { left: 711px; top: -1px; }
.top2 .documentary-list ul li.seat-3 { left: 972px; top: 83px; }
.top2 .documentary-list ul li.seat-4 { left: 1232px; top: -1px; }
.top2 .documentary-list ul li.seat-5 { left: 1495px; top: 83px; }
.top2 .documentary-list ul li.seat-6 { left: 1752px; top: -1px; }
.top2 .documentary-list ul li.seat-7 { left: 2016px; top: 83px; }
.top2 .documentary-list ul li.seat-8 { left: 2272px; top: -1px; }
.top2 .documentary-list ul li.seat-9 { left: 2534px; top: 83px; }
.top2 .documentary-list ul li.seat-10 { left: 2794px; top: -1px; }
.top2 .documentary-list ul li.seat-11 { left: 3054px; top: 83px; }
.top2 .documentary-list ul li.seat-12 { left: 3314px; top: -1px; }
.top2 .documentary-list ul li.seat-13 { left: 3574px; top: 83px; }
.top2 .documentary-list ul li.seat-14 { left: 3834px; top: -1px; }
.top2 .documentary-list ul li.seat-15 { left: 4094px; top: 83px; }
.top2 .documentary-list ul li.seat-16 { left: 4354px; top: -1px; }
.top2 .documentary-list ul li.seat-17 { left: 4614px; top: 83px; }
.top2 .documentary-list ul li.seat-18 { left: 4874px; top: -1px; }
.top2 .documentary-list ul li.seat-19 { left: 5134px; top: 83px; }
.top2 .documentary-list ul li.seat-20 { left: 5394px; top: -1px; }
.top2 .documentary-list ul li.seat-21 { left: 5654px; top: 83px; }
.top2 .documentary-list ul li.seat-22 { left: 5914px; top: -1px; }
.top2 .documentary-list ul li.seat-23 { left: 6174px; top: 83px; }
.top2 .documentary-list ul li.seat-24 { left: 6434px; top: -1px; }
.top2 .documentary-list ul li.seat-25 { left: 6694px; top: 83px; }
.top2 .documentary-list ul li.seat-26 { left: 6954px; top: -1px; }
.top2 .documentary-list ul li.seat-27 { left: 7214px; top: 83px; }
.top2 .documentary-list ul li.seat-28 { left: 7474px; top: -1px; }
.top2 .documentary-list ul li.seat-29 { left: 7734px; top: 83px; }
.top2 .documentary-list ul li.seat-30 { left: 7994px; top: -1px; }
.top2 .documentary-list ul li.seat-31 { left: 8254px; top: 83px; }
.top2 .documentary-list ul li.seat-32 { left: 8514px; top: -1px; }
.top2 .documentary-list ul li.seat-33 { left: 8774px; top: 83px; }
.top2 .documentary-list ul li.seat-34 { left: 9034px; top: -1px; }
.top2 .documentary-list ul li.seat-35 { left: 9294px; top: 83px; }
.top2 .documentary-list ul li.seat-36 { left: 9554px; top: -1px; }
.top2 .documentary-list ul li.seat-37 { left: 9814px; top: 83px; }
.top2 .documentary-list ul li.seat-38 { left: 10074px; top: -1px; }
.top2 .documentary-list ul li.seat-39 { left: 10334px; top: 83px; }
.top2 .documentary-list ul li.seat-40 { left: 10594px; top: -1px; }
.top2 .documentary-list ul li.seat-41 { left: 10854px; top: 83px; }
.top2 .documentary-list ul li.seat-42 { left: 11114px; top: -1px; }
.top2 .documentary-list ul li.seat-43 { left: 11374px; top: 83px; }
.top2 .documentary-list ul li.seat-44 { left: 11634px; top: -1px; }
.top2 .l-r-move-btn a { position: absolute; bottom: 300px; display: block; width: 40px; height: 60px; z-index: 11; opacity: .4; filter: alpha(opacity=40); }
.top2 .l-r-move-btn a.left-btn { left: 20px; background:#d4a339 url(/uploads/image/sdimages/jt-ico-1.png) no-repeat center center; }
.top2 .l-r-move-btn a.right-btn { right: 20px; background:#d4a339 url(/uploads/image/sdimages/jt-ico-2.png) no-repeat center center; }
.top2 .l-r-move-btn a:hover { opacity: .8; filter: alpha(opacity=80); }