@charset "utf-8";
@import url('font-face.css');
@font-face{font-family: myFont;src: url('AcneStudiosCircleRegular.ttf')}
/*@font-face{font-family: myDigi;src: url('Roboto-Thin.ttf')}*/
@font-face{font-family: myDigi;src: url('AcneStudiosCircleRegular.ttf')}

/*默认样式*/
* { outline: none }
body	{ font:normal 12px myFont,Tahoma,"Courier New","宋体","雅黑宋体","微软雅黑";margin:0;padding:0;background-color:#000;color:#CCC;overflow:hidden }
button,input,select,option,textarea { font-family:myFont,Tahoma,"Courier New","宋体","雅黑宋体","微软雅黑";font-size:12px;border:none;padding:0;margin:0;outline:none;background-color:#FFF }
a		{ text-decoration:none;color:#FFF }
button,input[type='submit'],a	{ cursor:pointer }
h1,h2,h3,h4,h5,h6	{ margin:0;padding:0;display:block;font-weight:300 }
ul,li	{ margin:0;padding:0;list-style:none }
textarea,input[type='text'],input[type='password'],input[type='tel']{ box-shadow:inset 0 0 1px #666,inset 2px 2px 4px rgba(0,0,0,.1);border:none;padding:10px;color:#666;resize:none }

/*带样式名公共样式*/
[class^='am-icon'] { font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif!important }
.i-fl,.i-fl-son > * { float:left!important }
.i-fr,.i-fr-son > * { float:right!important }
.i-fn,.i-fn-son > * { float:none!important }
.i-block,.i-block-in > *,.i-block-son > * { display:block!important }
.i-inblock,.i-inblock-son > *,.i-inblock-in > * { display:inline-block!important }
.i-table   { display:table!important }
.i-table-block { display:table!important;width:100% }
.i-table-tr { display:table-row!important }
.i-table-td,.i-table-tr > * { display:table-cell!important;height:100% }
.i-align-left   { text-align:left!important }
.i-align-center { text-align:center!important }
.i-align-right  { text-align:right!important }
.i-nowrap,.i-nowrap-son > * { white-space:nowrap }
.i-radius-light { border-radius:2px }
.i-radius-heavy { border-radius:12px }
.i-round { border-radius:50% }
.i-position-f,.i-position-f-son > * { position:fixed }
.i-position-r,.i-position-r-son > * { position:relative }
.i-position-a,.i-position-a-son > * { position:absolute }
#qrcode { padding:15px }
/*btn*/
.i-cursor-default,
.i-cursor-default-son > a { cursor:default!important }
.i-btn-radius,.i-btn-radius-son > a { border-radius:2px }
.i-btn-group > a:not(:last-child) { margin-right:2px }
.i-btn,.i-btn2,.i-btn-son > a,.i-btn2-son > a { padding:2px 7px 0 7px;display:inline-block;line-height:200%;min-width:12px }
.i-btn:hover,.i-btn2:hover,.i-btn-son > a:hover,.i-btn2-son > a:hover { background-color:#666;color:#FFF }
.i-btn > em,.i-btn2 > em { display:inline-block;font-style:normal;margin-right:4px;font-weight:700;font-size:90% }
.i-btn,.i-btn-son > a  { background-color:#F5F5F5;color:#666;box-shadow:inset 0 0 1px rgba(0,0,0,.2) }
.i-btn2,.i-btn2-son > a { background-color:#FFF;color:#666;box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.6) }
.i-btn-check { background-color:#666;color:#CCC;box-shadow:0 1px 1px rgba(0,0,0,.15),inset 1px 1px 4px rgba(0,0,0,.3) }
.i-btn-lg,.i-btn-lg-son > a { padding:12px 15px 11px 15px;font-size:14px }
.i-btn-nm,.i-btn-nm-son > a { font-size:12px }
.i-btn-weixin   { background:#555 url(/public/images/link-weixin.png) center no-repeat }
.i-btn-qq       { background:#555 url(/public/images/link-qq.png) center no-repeat }
.i-btn-weibo    { background:#555 url(/public/images/link-weibo.png) center no-repeat }
.i-btn-weixin:hover { background-color:#090 }
.i-btn-qq:hover { background-color:#FF8000 }
.i-btn-weibo:hover { background-color:#C00 }
.i-link,.i-link-son > a { white-space: nowrap;display:inline-block }
.i-link-group > a { padding:9px 2.5em 9px 0 }
.i-link-group2 > a { padding:9px 9px 8px;background:#F5F6F7 }

.cursor-no { cursor:default }

.font-digi { font-family:myDigi!important }
.font-size-s { font-size:10px!important; }
.font-size-m { font-size:12px!important }
.font-size-l { font-size:14px!important; }
.font-size-lm { font-size:20px!important; }
.font-size-lg { font-size:1.6em!important; }
.font-size-xl { font-size:2.0em!important }
.font-size-xxl { font-size:2.2em!important }
.font-weight-700 { font-weight:700!important }
.font-weight-300 { font-weight:300!important }
.font-color-active { color:#76ABB8!important }
.font-color-white { color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,.2) }
.font-color-FFF { color:#FFF }
.font-color-CCC { color:#CCC!important }
.font-color-999 { color:#999!important }
.font-color-666 { color:#666!important }
.font-color-333 { color:#333!important }
.font-color-F30 { color:#F30!important }
.font-color-F60 { color:#F60!important }
.font-color-F90 { color:#F90!important }
.font-color-030 { color:#030!important }
.font-color-060 { color:#060!important }
.font-color-090 { color:#090!important }
.font-color-09C { color:#508B9A!important }
.font-color-F00 { color:#F00!important }
.font-color-C00 { color:#C00!important }
.font-color-pink { color:#FF007F!important }
.font-color-deep,.font-color-light { color:#FF8000!important }

.link-padding,.link-url { display:inline-block;margin-left:0.8em;margin-right:0.3em }
.link-url { max-width:120px;margin-bottom:-8px }
.link-color-FFF,.link-color-FFF-son a { color:#FFF }
.link-color-0CF,.link-color-0CF-son a { color:#76ABB8 }
.link-color-CCC,.link-color-CCC-son a { color:#CCC }
.link-color-999,.link-color-999-son a { color:#999 }
.link-color-666,.link-color-666-son a { color:#666 }
[class^='link-color-']:hover,[class^='link-color-'] > a:hover { color:#333!important }

[class^='i-fix-'] { position:fixed;left:0 }
.i-fix-top { top:0 }
.i-fix-bottom { bottom:0 }
.i-bg-def { background-color:#F5F5F5!important }
.i-bg-333 { background-color:#333!important }
.i-bg-666 { background-color:#666!important }
.i-bg-999,.i-bg-999-son > * { background-color:#999!important }
.i-bg-0CF { background-color:#76ABB8!important }
.i-bg-09C { background-color:#508B9A!important }
.i-bg-F30 { background-color:#F30!important }
.i-bg-F90 { background-color:#F90!important }
.i-bg-F00 { background-color:#F00!important }
.i-bg-C00 { background-color:#C00!important }
.i-bg-060 { background-color:#060!important }
.i-bg-090 { background-color:#090!important }
.i-btn:hover,.i-btn2:hover { background-color:#333;color:#FFF }

.w-10   { width:10% }
.w-15   { width:15% }
.w-20   { width:20% }
.w-30   { width:30% }
.w-40   { width:40% }
.w-50   { width:50% }
.w-60   { width:60% }
.w-70   { width:70% }
.w-80   { width:80% }
.w-90   { width:90% }
.w-100  { width:100% }

[class^='avg-'] { overflow:hidden }
[class^='avg-'] > * { float:left;display:block }
.avg-2 > * { width:50% }
.avg-3 > * { width:33.33% }
.avg-4 > * { width:25% }
.avg-5 > * { width:20% }
.avg-6 > * { width:16.66% }
.avg-8 > * { width:12.5% }
.avg-10 > * { width:10% }
.avg-30 > * { width:3.33% }
.t-over,.t-over-box a	{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
/*header*/
#header { position:fixed;width:1980px;height:106px;z-index:99  }
.headcon { width:100%;background:url(../images/bg_000_80.png);height:50px;box-shadow:0 0 10px rgba(0,0,0,.2) }
.hmin   { height:46px;background:url(../images/headbg.png) 0 0 no-repeat;padding:4px 0 0 20px }
.logo   { height:81px;width:222px; }
.hmin .logo { height:42px;background:url(../images/logo-e.png) no-repeat 0 0 / cover;float:left }
.hmin .menu { float:left;letter-spacing:2px;margin-top:16px }
.menu a :not(.menuson > a) { display:inline;padding:40px 1em;line-height:10px;}
.menuson > a{height:45px;padding:45px 1em;}
.menu a.check { color:#F60 }
.menu > div { position:relative }
.menu > div > div { background:url(../images/bg_000_70.png);padding:15px 2em;left:0;box-shadow:0 0 1px rgba(255,255,255,.3),2px 2px 15px rgba(0,0,0,.3);position:absolute;top:45px }
.lang { float:right;padding:0 10px;white-space: nowrap;margin-top:16px;line-height:30px }
.lang a { display:inline-block;padding:0 4px; }
.lang a.check { color:#F26621 }


#pageFocus { width:100%;overflow:hidden }
.sliderCon { background-position:center;background-size:cover;background-repeat:no-repeat;height:100%; }
.sliderCon > .linkbtn { bottom:60px; }
.closebtn,.nextbtn,.prevbtn { bottom:60px;left:50% }
.closebtn { margin-left:-35px; }
.prevbtn { margin-left:-120px;display:none }
.nextbtn { margin-left:50px;display:none }
.animate-btn { background:#FFF;border-radius:50%;color:#333;text-align:center;line-height:20px;width:50px;padding:15px 10px;opacity:.8;box-shadow:0 2px 10px rgba(0,0,0,.3) }
.animate-btn:hover { background:#F90;color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,.2);opacity:.9 }
.go-next,.go-prev { width:60px;height:60px;top:50%;background:url(../images/arr2.png);opacity:.7 }
.go-next { right:250px;background-position:0 -60px }
.go-prev { left:55px; }
#loadingBar { width:0;bottom:0;height:2px; }

.pagePlayer { right:0;top:86px;width:230px;z-index:2999999 }
#play_main { width:230px;left:0;top:0;background:url(../images/bg_000_70.png);height:55px; }
.playList { left:0;top:55px;background:url(../images/bg_000_70.png);width:210px;padding:8px 10px;line-height:25px;overflow:hidden }
.playList a:not(.font-color-F90) { opacity:.7 }
.playList a:hover { opacity:1 }
#face-con { left:62px;top:29px }
#face-con > a { margin-right:6px }
.face { width:55px;height:55px;left:0;top:0 }

.pagePlayer .jp-title { width:166px;left:60px;top:8px }
.pagePlayer .jp-progress { width:230px;height:2px;top:53px;left:0 }
.pagePlayer .jp-seek-bar { left:0;top:0;background:url(../images/bg_FFF_10.png);height:2px;cursor:pointer }
.pagePlayer .jp-play-bar { left:0;top:0;background:#FFF;height:2px }
.pagePlayer .time { bottom:5px;right:6px; }
#playlisttap { width:230px;bottom:0; }
#playlisttap > a { padding:5px 0;background:url(../images/bg_000_50.png) }
#playlisttap > a:hover,#playlisttap > a.check { background:#FFF;color:#333 }
.wrap { background:url(../images/bg_000_50.png);z-index:99999;left:0;top:0;bottom:0;right:0;display:none }
.wrap_audio { width:100%;height:100%;background:url(../images/bg_000_30.png) }
.wrap_audio .jp-title { width:80%;left:10%;top:100%;font-size:3.6em;margin-top:0; }
.wrap_audio .jp-progress { width:100%;height:2px;top:100%;left:0;box-shadow:0 0 20px rgba(0,0,0,.6);margin-top:190px }
.wrap_audio .jp-seek-bar { left:0;top:0;background:url(../images/bg_FFF_10.png);height:2px;cursor:pointer }
.wrap_audio .jp-play-bar { left:0;top:0;background:#F30;height:2px }
.wrap_audio .time { top:100%;width:100%;font-family:myDigi!important;margin-top:130px }
#face-con2 { top:50%;width:100%;margin-top:220px }
#face-con2 > a { width:40px;line-height:40px;font-size:40px;opacity:.7;padding:20px;margin:5px }
#face-con2 > a:hover { opacity:1; }
#mface2 { width:200px;height:200px;padding:5px;background:url(../images/bg_FFF_10.png);border-radius:5px;left:50%;top:50%;margin:-105px 0 0 -105px;box-shadow:0 0 20px rgba(0,0,0,.5) }
#mface2 img { width:200px;height:200px;border-radius:3px; }


.wrap_video,.wrap_poster,.wrap_list,.wrap_feiye { width:100%;height:100%;background:#000;z-index:199999;left:0;top:0 }
.wrap_feiye { background:url(../images/bg_000_80.png); }
.wrap_video .jp-title { width:80%;left:10%;top:100%;font-size:2.6em;margin-top:0; }
.wrap_video .jp-progress { width:100%;height:2px;top:100%;left:0;box-shadow:0 0 20px rgba(0,0,0,.6);margin-top:320px }
.wrap_video .jp-seek-bar { left:0;top:-2px;background:url(../images/bg_FFF_10.png);height:6px;cursor:pointer }
.wrap_video .jp-play-bar { left:0;top:0;background:#F30;height:2px }
.wrap_video .time { top:100%;width:100%;font-family:myDigi!important;margin-top:260px }
.wrap_video .jp-duration { font-size:1.6em!important; }
.wrap_vcon { position:absolute;left:50%;top:50%;margin:-248px 0 0 -437px;padding:5px;background:url(../images/bg_FFF_10.png);border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.5)}
.jp-video-full .wrap_vcon { left:0;top:0;width:100%;height:100%;margin:0 }
#jquery_jplayer3 video { border-radius:3px }
#face-con3 { top:50%;width:100%;margin-top:330px }
#face-con3 > a { width:40px;line-height:40px;font-size:40px;opacity:.7;padding:20px;margin:5px }
#face-con3 > a:hover { opacity:1; }

.wrap_poster h1 { font-size:2.6em;margin-bottom:.4em;color:#FFF;line-height:100% }
.posterImg { top:86px;bottom:5%;left:50%;margin-left:10px;right:240px;background-position: center;background-size:cover}
.posterIntro { right:50%;left:20px;margin-right:10px;height:80%;top:10%;bottom:10%;font-size:14px;line-height:200%;word-break:normal }
.posterAudio { margin-top:1em }

.wrap_list > h1 { width:100%;bottom:90%;color:#FFF }
.list_poster,.list_news {  width:860px;left:50%;top:10%;margin-left:-430px }
.list_poster > ul > li > a { position:relative }

.list_poster > ul > li > a .t-over { position:absolute;bottom:0;width:800px;line-height:240px;padding:0 30px;background:url(../images/bg_000_50.png);font-size:2.6em }
.list_poster > ul > li:not(:last-child) { margin-bottom:5px }
.list_poster > ul > li > a:hover,.list_news > div > a:hover { background:url(../images/bg_FFF_10.png);border-radius:3px;opacity:1 }
.pface { background-size:cover;height:200px;background-position:center;border-radius:3px }
.list_news > div { border-bottom:1px dotted #333 }
.list_news > div > a { padding:15px;opacity:.7 }
.postHover .i-position-a { background:url(../images/bg_000_50.png);width:100%;padding:10px 0;color:#FFF;bottom:0; }

.list_poster2 { margin:auto;width:1220px }
.list_poster2 li > a { margin:10px }
.list_poster2 li > a .pface { opacity:.8 }
.list_poster2 li > a:hover .pface{ opacity:1 }
.list_poster3,.list_poster4 { margin:auto;width:1220px; }
.list_poster3 li { width:240px;height:320px; }
.list_poster3 li > a { margin:10px }
.list_poster3 li > a .pface2 { opacity:.6 }
.list_poster3 li > a:hover .pface2{ opacity:1 }
.list_poster3:hover .jspVerticalBar { opacity:.6 }

.credits_con > div > div { padding:15px; }
.credits_con > div > div ul { padding-top:1em; }
.credits_con > div > div li { padding-top:1em }
.cTitle { font-size:14px; }
.cLine { opacity:.8;line-height:20px;padding-top:0.5em }

.pface2 { background-size:cover;height:300px;background-position:center;border-radius:3px }

#ppSwitch { height:55px;background:url(../images/bg_000_70.png);line-height:55px;width:18px;left:-18px;border-radius:2px 0 0 2px;top:0;font-size:1.4em }

.scrollbar { left:50%;margin-left:432px;opacity:.5;width:860px; }
.scrollbar2 { right:5px;top:60px;z-index:1;opacity:.4 }
.handle { width:1px;background:#FFF;min-height:120px;right:0; }
#tempBtn {background:#FFF;color:#333;padding:3px 5px;border-radius:2px;right:1em;bottom:3em;opacity:0.3}
#tempBtn:hover { opacity:1 }

#carryBtn { position:fixed;z-index:99;text-align: center;bottom:10px;width:100%; }
#carryBtn > a { display:inline-block;border-radius:50%;width:10px;height:10px;background:#FFF;box-shadow:0 1px 4px rgba(0,0,0,.3);opacity:.6;margin:4px }
#carryBtn > a.check { width:14px;opacity:1;margin:2px;height:14px; }

.lang_en,.lang_ch { display:none }

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    opacity:.3
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background:transparent;
    position: relative;
}

.jspDrag
{
    background: #FFF;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}