/*big project*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#020101; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{}
.wrap .content{ width:100%; position:relative;}
.content .bg{ width:100%; z-index:-1; position:absolute; left:0; top:0;}
.bg div{ background-repeat:no-repeat; background-position:center 0; width:100%;height:200px;}

.bg1{ background-image:url(../images/bg1.jpg);}
.bg2{ background-image:url(../images/bg2.jpg);}
.bg3{ background-image:url(../images/bg3.jpg);}
.bg4{ background-image:url(../images/bg4.jpg);}
.bg5{ background-image:url(../images/bg5.jpg);}
.bg6{ background-image:url(../images/bg6.jpg);}
.bg7{ background-image:url(../images/bg7.jpg);}
.bg8{ background-image:url(../images/bg8.jpg);}
.bg9{ background-image:url(../images/bg9.jpg);}
.bg10{ background-image:url(../images/bg10.jpg);}

.main{ position:relative; z-index:2;width:1000px; margin:0 auto; height:2000px;}
.mod_a{ padding:582px 0 0 70px; height:470px; overflow:hidden; width:845px;}
.mod_video{ width:635px; height:470px; float:left; background:#000}
.mod_back{ float:right; overflow:hidden; overflow-y:scroll; height:470px; width:185px; padding-right:15px; position:relative;}
.mod_back ul{ width:180px; padding-right:3px;}
.mod_back li{ width:180px; height:115px; margin-bottom:3px; position:relative; vertical-align:middle;}
.mod_back li img{ display:block;}
.mod_back .txt{ position:absolute; text-align:center; color:#fff; bottom:0; left:0; width:180px; z-index:1; height:24px; line-height:24px;}
.mod_back .txt_bg{ background:#000; position:absolute; z-index:0; bottom:0; left:0; width:180px; height:24px;filter: Alpha(opacity=60);-moz-opacity:.6;opacity:0.6;}

::-webkit-scrollbar{width:10px;height:12px;}
::-webkit-scrollbar-track-piece{background:#351d08;}
::-webkit-scrollbar-thumb:vertical{background:#ff7800; border-radius:5px;}
::-webkit-scrollbar-thumb:vertical:hover{background:#ffc417;}

.mod_info{ padding:42px 35px 0; height:84px; line-height:21px; color:#b5aabc; font-size:12px;}
.mod_info span{ overflow:hidden; text-indent:-999em; padding:0 45px; width:0;}

.mod_pr{ padding:185px 33px 33px;}
.mod_pr .pr_bd{ background:#e9e8e9; padding:15px; height:482px; overflow:hidden; overflow-y:scroll;}


.foot{ text-align:center; color:#6b6b6b; width:100%; background:#000; height:25px; padding:15px 0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}