/* 头尾公共样式 */
#header {height: 42px;}
#top {position: relative;z-index: 499;height: 32px;}
#footer { background-color: #00010b; color: #666; padding: 30px; text-align: center; }
#footer > div > p:first-child {margin-bottom: 5px;}
#footer a { color: #eee; }
#tdTop .sns {right:30px; width: 200px;}
#tdTop .sns .bds_more { padding-top: 0; }

@-webkit-keyframes farToNear {
    0% {
        opacity:0;
        -webkit-transform:scale(0.6);
    }
    100% {
        opacity:1;
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes farToNear {
    0% {
        opacity:0;
        -moz-transform:scale(0.6);
    }
    100% {
        opacity:1;
        -moz-transform:scale(1);
    }
}
@keyframes farToNear {
    0% {
        opacity:0;
        transform:scale(0.6);
    }
    100% {
        opacity:1;
        transform:scale(1);
    }
}
.farToNear {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
    -webkit-animation-name:farToNear;
    -moz-animation-name:farToNear;
    animation-name:farToNear;
}

body{ min-width: 1000px; color:#f92183; background:#383a3c url(../img/body_bg.jpg) no-repeat center top; }
.main {position: relative; height: 845px; background:url(../img/main_bg.jpg) no-repeat center -42px; overflow: hidden; }
.container { width:1000px; margin:0 auto; }

/* 舞台导航菜单 */
.part-stage { position: relative; height: 600px; overflow: hidden; }
.part-stage .lay-stamp{position: absolute; right: 230px; top:36px; width: 130px; height: 130px; background:url(../img/cate_bg.png) no-repeat; color:#fff;}
.part-stage .lay-info {position: absolute; top:262px; color:#fff;}
.skill-ulist {position: absolute; left:110px; top:425px;}
.skill-ulist li{float:left; margin-right: 28px;}
.skill-ulist li a {display:block; width: 46px; height: 60px;}

.part-showcase {position: absolute; left:0; bottom: -141px; height: 141px; width: 100%; background: url(../img/showcase_bg.png) repeat-x;}
.part-showcase .mi-showcase-close {position:absolute; left:50%; top:-23px; width: 61px; height: 25px; margin-left: -30px; background: url(../img/showcase_spirit.png) no-repeat left top;}
.part-showcase .mod-bd {width: 755px; margin: 16px auto 0 auto;}
.part-showcase .slides {margin-right: -40px;}
.part-showcase .slides li {float: left; width: 135px; margin-right: 20px;}
.part-showcase .slides li img {border:1px solid #eee;}
.part-showcase .slides li.active img{border:1px solid #ab1825;}

.flex-direction-nav a {position:absolute; width: 50px; height: 50px; opacity:0.6; filter:alpha(opacity=60); background-image: url(../img/slider_arrows.png); background-repeat: no-repeat; background-position: left -160px;}
.flex-direction-nav .flex-prev {left:10%; top:50px; background-position: 0 -180px;}
.flex-direction-nav .flex-next {right:10%; top:50px; background-position: 0 -120px;}
.flex-direction-nav .flex-prev:hover { opacity: 1; filter:alpha(opacity=100); background-position: 0 -60px; }
.flex-direction-nav .flex-next:hover { opacity: 1; filter:alpha(opacity=100); background-position: 0 0; }

.tipsy {font-size: 12px; font-family: "\5b8b\4f53";}
.tipsy-inner {text-align: left;}