@charset "utf-8";
/* CSS Document */

html { background-color: #ffffff }
.ie6 html { background-image: url('about:config'); background-attachment: fixed }
body, input, select, textarea, button { color: #505050; font-size: 12px; font-family: "Times New Roman", Geneva, serif }
legend { display: none }
a { color: #505050 }
a:visited {  }
a:hover, a:focus, a:active, a.current, a.current:hover { color: #f18914 }

.ie6 .news-list, .ie6 .works-list .item, .ie6 .exh-list .item { display: inline }

#container { width: 1300px }


#header { position: fixed; top: 0; left: 0; bottom: 0; zoom: 1; display: none; width: 585px; background: rgba(255, 255, 255, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);zoom:1;}
    #header .bg { display: none }

.ie6 #header { position: absolute; top: expression(eval(document.documentElement.scrollTop)); bottom: auto; overflow: hidden; background: none }
.lt8 #header { height: expression(eval(document.documentElement.offsetHeight)) }

    .ie6 #header .bg { position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; }

#default-page #header { left: 0; width: 490px }
    .ie6 #default-page #header .bg {  }


    #header .head { position: absolute; top: 60px; bottom: 30px; left: 60px; width: 120px; border-right: 1px solid #eaeaea }
    .lt8 #header .head { height: expression(eval(document.documentElement.offsetHeight - 60)) }
    #default-page .head { width: auto; height: auto; border: 0 none }

#logo { margin: 0 0 147px -5px }
    .lt8 #logo img { position: relative }

#default-page #logo { position: absolute; top: 180px; left: 200px }


#default-page .language-switch { position: absolute; top: 179px; left: 100px; width: 52px;}
    .language-switch li { position: relative; width: 12px; height: 29px; margin: 0 0 29px; font-size:14px  }
        #default-page .language-switch .en-nav { position: absolute; top: 0; right: 0 }
    .language-switch .en-btn { position: absolute; top: 0; left: 15px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .lt9 .language-switch .en-btn { height: 15px; filter: progid:DXimageTransform.Microsoft.BasicImage(rotation=1); background: #ffffff }
    .ie8 .language-switch .en-btn { left: 0px }
    .lt8 .language-switch .en-btn { left: 0px }

    #navigation { position: absolute; top: 60px; right: 240px; width: 114px; font-size:14px; }
    #default-page #navigation { display: none }
        #navigation .nav-wrap { display: none }
        .ie6 #navigation .nav-wrap { vertical-align: top }
        #navigation .parent { margin: 0 0 17px }
        #navigation .level-1 { cursor: pointer }
        #navigation .level-1:hover, #navigation .parent .current, #navigation .parent .current:hover { color: #f18914 }
        #navigation .disabled { color: #777777!important }
            #navigation .sub-nav { position: absolute; top: 0; left: 80px; display: none; width: 160px }
            .lt9 #navigation .sub-nav {}
                #navigation .sub-nav li { margin: 0 0 17px }

.exceed-auto { position: relative; max-height: 370px; overflow: hidden }
.ie6 .exceed-auto { height: expression(this.offsetHeight > 370 ? "370px" : "auto") }
    #navigation .exceed-auto { margin: 58px 0 0 }
        #navigation .exceed-auto li { margin-bottom: 7px }


        #artist-page .artist-nav .level-1,
        #works-page .works-nav .level-1,
        #text-page .text-nav .level-1,
        #exh-page .exh-nav .level-1 { color: #f18914 }

        #artist-page .artist-nav .sub-nav,
        #works-page .works-nav .sub-nav,
        #text-page .text-nav .sub-nav,
        #exh-page .exh-nav .sub-nav { display: block }


.rollbar-path-vertical, .rollbar-path-horizontal { position: absolute; z-index: 100 }
.rollbar-path-horizontal { bottom: 5px; left: 0; width: 100%; height: 10px }
.rollbar-path-vertical { right: 0; top: 0; width: 2px; height: 100% }
.ie6 .rollbar-path-vertical { right: -1px }

.rollbar-handle { position: relative; top: 0; left: 0; background-color: #cccccc; cursor: n-resize }
    .rollbar-path-vertical .rollbar-handle { width: 100%; height: 20%; }
    .rollbar-path-horizontal .rollbar-handle { width: 20%; height: 100% }


#supersized-loader, #supersized li.image-loading { background: url('../images/progress.gif') no-repeat center center }
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 43px; height: 29px; margin: -29px 0 0 -21px; text-indent: -9999px }
#supersized { position: absolute; top: 0; right: 0; z-index: -999; display: block; height: 100%; width: 100%; overflow: hidden }
#supersized img { position: relative; display: none }
#supersized li { position: absolute; top: 0; right: 0; z-index: -30; display: block; width: 100%; height: 100%; overflow: hidden; background: #ffffff }
#supersized a { width: 100%; height: 100%; display: block }
#supersized li.prevslide { z-index: -20 }
#supersized li.activeslide { z-index: -10 }
#supersized li.image-loading { width: 100%; height: 100%; background-color: #ffffff }
#supersized li.image-loading img { visibility: hidden }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline }

#main { position: relative; width: 760px; min-height: 480px; margin-left: auto; padding: 30px 0 50px }
.ie6 #main { height: 480px }

.about-wrap, .pub-collection-wrap, .contact-wrap { margin-top: -4px; line-height: 21px }

.news-list { width: 460px; margin: -30px 0 0 }
    .news-list .item { margin: 30px 0 0 }
    .news-list .title { margin: 0 0 7px; line-height: 17px }
    .news-list .date { color: #bbbbbb }
    .news-list .image { margin: 11px 0 0; cursor: pointer }
        .news-list .image img { margin: 0 0 11px }
    .news-list .text { width: 460px; display: none; overflow: hidden }
    .news-list .inner { line-height: 21px }

.studio-slider, .studio-slider .list, .studio-slider li, .studio-slider .image { width: 760px; height: 570px }
.studio-slider { position: relative; display: none; margin: 0 0 50px }
    .studio-slider li { position: absolute; top: 0; left: 0; display: none; background: #ffffff }
    .studio-slider .image { display: table-cell; vertical-align: middle; text-align: center }
    .lt8 .studio-slider .image { display: block; overflow: hidden; font-size: 427px; font-family: tahoma }

.studio-control { display: none; font-size: 0; text-align: center; margin-top:20px }
    .studio-control span { display: inline-block; vertical-align: middle }
    .studio-control .prev-btn, .studio-control .next-btn, .fancybox-close, a.fancybox-nav:hover span { background-image: url('../images/slider_btn.png'); background-repeat: no-repeat }
    .studio-control .prev-btn, .studio-control .next-btn { width: 16px; height: 31px; cursor: pointer }
    .studio-control .prev-btn { background-position: -91px -15px }
    .studio-control .next-btn { background-position: -76px -15px }
    .studio-control .num-group { padding: 0 38px; color: #bbbbbb; font-size: 25px }
    .studio-control .disabled { visibility: hidden }

.studio-title{ text-align:center; margin-top:10px}


.works-wrap {  }

.works-item {  }
    .works-item h2.title { min-height: 13px; padding: 0 0 8px; border-bottom: 1px solid #e9eaea }
    .works-list { width: 732px; overflow: hidden; margin: 0 auto }
        .works-list .item-wrap { width: 873px; margin: 0 -141px 0 0 }
        .works-list .item { float: left; width: 150px; height: 270px; margin: 19px 141px 0 0 }
            .works-list .item .image { display: table-cell; width: 148px; height: 148px;  vertical-align: middle }
            .lt8 .works-list .item .image { display: block; overflow: hidden; font-size: 122px; font-family: tahoma }
            .works-list .item .info { margin: 13px 0 0; color: #7b7b7b; line-height: 17px }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444444 }
.lt8 .fancybox-skin { *zoom: 1 }
.fancybox-opened { z-index: 8030 }
.fancybox-outer, .fancybox-inner { position: relative; overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { padding: 15px; color: #444; font: 14px/20px inherit; white-space: nowrap }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100% }
.fancybox-image { max-width: 100%; max-height: 100% }
#fancybox-loading { position: fixed; top: 50%; left: 50%; z-index: 8060; margin: -22px 0 0 -22px; background: url('../images/fancybox_sprite.png') no-repeat; opacity: 0.8; cursor: pointer }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat }
.fancybox-close { position: absolute; top: 0; right: -49px; z-index: 8040; width: 29px; height: 29px; background-position: -77px -16px; cursor: pointer }
.fancybox-nav { position: absolute; top: 0; z-index: 8040; width: 40%; height: 100%; background: transparent url('../images/blank.png'); -webkit-tap-highlight-color: rgba(0,0,0,0); cursor: pointer }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; z-index: 8040; width: 31px; height: 61px; margin: -30px 0 0; cursor: pointer }
.fancybox-prev span { left: 10px; background-position: -91px 0 }
.fancybox-next span { right: 10px; background-position: -61px 0 }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important }

.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: rgba(255, 255, 255, .95); }
.lt9 .fancybox-overlay { background-image: url('about:config');  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr="#eeffffff", EndColorStr="#eeffffff") }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 }
.fancybox-overlay-fixed { _position: absolute }
.fancybox-lock .fancybox-overlay { overflow: hidden }

.fancybox-title { position: relative; z-index: 8050; visibility: hidden; font: normal 13px/20px inherit; text-shadow: none }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; top: 100%; z-index: 8050; width: 100%; margin: 0 0 -42px; text-align: center }
.fancybox-title-float-wrap .child { display: inline-block; padding: 5px 0 0; line-height: 21px }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #ffffff }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); color: #ffffff }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050 }
.ie6 #fancybox-thumbs { position: absolute }
#fancybox-thumbs.bottom { bottom: 2px }
#fancybox-thumbs.top { top: 2px }
#fancybox-thumbs ul { position: relative }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5 }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #ffffff }
#fancybox-thumbs ul li:hover { opacity: 1 }
#fancybox-thumbs ul li a { position: relative; display: block; overflow: hidden; border: 1px solid #222222; background: #111111 }
#fancybox-thumbs ul li img { position: relative; display: block }

.text-wrap { padding: 90px 30px 0 10px; border-top: 1px solid #eaeaea }

.text-list { float: left; width: 190px; margin: -43px 0 0 }
    .text-list li { margin: 43px 0 0 }
        .text-list a { line-height: 17px }
        .text-list .date { margin: 3px 0 0; color: #bbbbbb; font-size: 11px }

.text-details { float: right; width: 460px; line-height: 21px }

.exh-wrap {  }
.exh-list { width: 760px; overflow: hidden }
    .exh-list .item-wrap { width: 785px; margin: -25px -25px 0 0 }
    .exh-list .item { float: left; width: 132px;  overflow: hidden; margin: 25px 25px 0 0 }
	.exh-list .item span{ display:block; margin:8px 0 15px; line-height:1.5}