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

body { font: 12px/24px normal; font-family: '微软雅黑', 'Microsoft YaHei', Tahoma;color: #666;*background-attachment:fixed; *background-image:url(about:blank); }
a, a:link, a:visited { color:#666; }
a:hover, a:focus, a:active, a.current { color: #e20a17 }
.fr { float: right }
.fixed{ *position:absolute;*top:expression(offsetParent.scrollTop); *left:expression(offsetParent.scrollLeft); }

.nav{ width:120px; height:100%; top:0; left:0; z-index:100; padding:162px 0 0 80px}
.nav a{ display:block; color:#231F20}
.nav a:hover,.nav a.current{ color:#e20a17}

.header{ position:fixed;top:0; left:0; height:120px; border-bottom:1px solid #e20a17; width:100%; z-index:101;background:#fff;}

.logo{ margin:30px 0 0 80px}
.logo a img{ margin-right:66px; vertical-align:baseline}
.lang{ margin:36px 80px 0 0}
.lang a{ display:block}

.home-inner{padding:160px 0 0 214px; width:1100px;}
#Carousel { position: relative;}
	#Carousel .slide { position: absolute; width: 600px; height: auto; right: 50px; margin: 0 auto;text-align: center;}
		#Carousel .slide img { max-width:600px; max-height:500px}
		#Carousel .slide span { max-width:600px; clear:both; display:block; margin:10px 0 0}
		
	 #CaroLinks { visibility: visible; width: 270px; float:left; margin-right:100px; *padding-left:0 }
		 #CaroLinks ul { margin-bottom: 15px; }
			#CaroLinks ul li { padding-left: 10px; margin-bottom:25px; display:block; background: url('../images/news_li.gif') no-repeat 0 11px; line-height: 25px; }
			#CaroLinks ul li a:hover{color:#e20a17;}
			#CaroLinks ul li:hover,#CaroLinks ul li.selected{ background: url('../images/news_li_h.gif') no-repeat 0 11px;}
			/*#CaroLinks ul li.selected a{ color:#e20a17}*/

.line{ width:100%; border-bottom:1px solid #ccc}	

.wrap{width:100%; max-width:1150px; float:left; margin:162px 0 0 215px}
.press-wrap{width: 800px;margin: 45px auto 20px;}
.sub-nav{ width:200px; position:fixed; left:215px}
.work-nav{ margin-top:180px; width:100px}
.sub-nav a,.work-nav a{ display:block}	

.right-content{ width:750px; margin-left:320px;}

.exh-top{ margin:0 0 20px} 
.exh-top-img{ width:315px;}
.exh-top-img img{ max-width:315px;}
.exh-top-info{ width:330px;}
.exh-top-info h1{ font-weight:bold}

.exh-time{ border-top:1px solid #ccc; margin-top:80px; padding-top:50px}
.exh-time .pa{ left:-80px}
.artist-exh{margin:50px 0 0 300px; padding:0}
.artist-exh .exh-time{border:none; }

.exh-list-area ul{ width:118%}
.exh-list{ float:left; width:315px;margin:0 116px 80px 0; }
.exh-list img{ width:315px; height:210px;}
.exh-list h2{ height:35px; line-height:18px; margin-top:4px}
.exh-list p.current{ color:#e20a17}
.exh-list p.overimg{ display:block; width:315px; height:210px;position:relative}
.exh-list span{ position:absolute; display:none; width:315px; height:210px; left:0; top:0; background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);zoom:1;}
.exh-list span em{ width:100px; height:80px; font-style:normal; margin:70px 0 0 110px; display:block}
.exh-list span em a{ display:block; color:#fff;}
.exh-list span em a:hover{ color:#e20a17}

.pub-list{ margin-top:6px}


.sub,.sub-work{ width:200px; float:left; margin:180px 0 20px 90px}
.sub-work{ width:100px; margin-right:25px}
.sub-cate{ margin:20px 0 }
.name,.sub-cate a{ color:#231F20; display:block}
.sub-cate a:hover,.sub-cate a.current{ color:#e20a17}
.name a{ display:block}
.catename{ left:90px; top:390px;}
.overlay{ position:fixed; overflow-y:auto; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2ffffff,endColorstr=#f2ffffff);zoom:1; z-index:101}
.cv{ width:600px; margin:50px auto;}
a.close{ position:absolute; cursor:pointer; right:100px; top:50px;width: 29px; height: 29px; background: url('../images/slider_btn.png') no-repeat -16px -77px;}
a:hover .close{background: url('../images/slider_btn.png') no-repeat -16px -16px;}

.sort{ position:absolute; left:0; widows:200px;}
.sort a{ margin:0 10px}
.artist-list{width: 800px; margin:0 0 40px 180px;}
.artist-list ul{ width:105%}
.artist-list li{ width:144px; margin:0 20px 10px 0; float:left}
.artist-list li a{ font-size:12px; width:144px; display:block}

.text-wrap{ padding:180px 0 0 80px;*padding:180px 0 0 0 }
.text-list{ width:180px;}
.text-list a{ margin-bottom:20px; display:block; line-height:18px}
.text-details{ width:600px; margin-left:80px}

.edition-list{ width:300px; float:left}
.edition-list li{ width:100px; float:left; margin:0 50px 15px 0}
.edition-pic{ width:750px;}
.edition-pic ul{ width:105%}
.edition-pic li{ width:315px; float:left; margin:0 50px 50px 0}
.edition-pic li img{ width:315px; height:315px}
.edition-pic li p{ margin:10px 0}

#CaroLinks li a{ line-height:23px}

.right-wrap{ width:1010px; float:left; margin:135px 0 0 0}
.right_box{ width:600px; margin-top:50px;float:right; position:relative; margin-right:44px}
.right_box img{ max-width:600px;border:0;}

.left_list{ width:350px; height:500px; overflow:hidden; margin:50px auto ; float:left; position:relative;}
.imgli{ width:350px}
.imgli li{ width:150px; height:150px; overflow:hidden; float:left; margin:0 0 15px 15px; cursor:pointer;}
.imgli li img{width:150px;height:150px;}
.box1{ text-align:right}
.box2{ display:none; text-align:right}
.text_box{ margin:10px auto 30px; text-align:right}

.btnli{position: fixed;width: 50px;height: 100px;right:5%;top: 368px;}
.btnli li{width:50px; line-height:48px;text-align:center; }


.btnli li a{width:50px; height:38px;}

.btnli li a.next,.btnli li a.prev{ width:50px; height:38px; display:block}
.btnli li a.next{background:url('../images/arrow_down.gif') no-repeat; position:absolute; top:76px}
.btnli li a.prev{background:url('../images/arrow_up.gif') no-repeat; position:absolute; top:0}

.imgli li.xuanz{ opacity:0.3;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); }
.imgli li.span{ width:100%; height:100%; position:absolute; z-index:100; top:0; left:0; background:rgba(0,0,0,0.5)}
.right-text{ display:none; width:500px; float:right; margin-top:50px}

.pub-list ul{ width:108%}
.pub-list li{ float:left; margin:0 50px 30px 0}
.pub-list li a p{ margin:8px 0 0;}
.pub-list li p a{ color:#999}
.pub-list li p a:hover{ color:#666}
.pub-date{ left:-100px}

.pub-pic{ width:280px; margin-right:30px}
.pub-text{ width:400px}

.news-list { width:700px}
	.news-list li { cursor: pointer; margin: 0 0 50px; padding-bottom:20px; border-bottom:1px solid #ccc }
	.news-list li span{ color:#101010}
    .news-list p.image { margin: 8px 0 7px; position:relative }
	.news-list p.image img{width:200px;}
	.news-list p.image span{position: absolute;top: -7px;left: 210px;color:#101010}
	.news-list p.image span:hover{ color:#e20a17}
	.news-list .text { display: none; width: 600px; margin: 15px 0 0;}
	.news-list .text { position: relative\9}

.news-date li{background: url('../images/news_li.gif') no-repeat 0 7px; width:400px; padding-left:8px; margin:10px 0 20px}
.news-date li:hover{ background: url('../images/news_li_h.gif') no-repeat 0 7px;}

	.accordion-date h2 { cursor: pointer; margin: 6px 0 0; padding: 7px 0 3px;}
	#single h2 a{ display:block}
	.accordion-date .first { margin-top: 0; padding-top: 0; border-top: 0 none }
	.share .first { color: #098180; font-size: 10px }
		.accordion-date .current a { color: #2b2b2b }
	.accordion-date ul { padding: 2px 0 0; line-height: 17px; font-size: 11px }

.con-text{ width:400px; float:left; margin-right:100px; padding-bottom:20px}
.con-img{ float:left; width:580px; position:relative}
#home-fade, #home-fade li { width:580px; height: 400px }
	#home-fade { position: relative; float:left}
	#home-fade li { width:100%; overflow: hidden; position: absolute; top: 0; left: 0 }
	#home-fade li img{ width:580px; height:400px;}

#gallery #home-fade .num-nav{ bottom:-30px}

.num-nav {position: absolute; left: 0; bottom: -60px; z-index: 100; width: 580px; text-align: left}
	.num-nav a { display: inline-block; width: 9px; height: 9px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg.png') no-repeat;}
	.num-nav a {zoom: 1;  font-size: 0; line-height: 0;}
	.num-nav a.activeSlide {background: url('../images/slide_bg.png') no-repeat -12px 0}

.sub-fade{ position:absolute; bottom:-30px; left:0;}
.sub-fade a{ margin-right:20px}
.sub-fade a.current{ color:#e20a17}

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 }
.fancybox-skin { position: relative;color: #444444 }
.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: -15px; right: -30px; z-index: 8040; width: 29px; height: 29px; background: url('../images/slider_btn.png') no-repeat -16px -77px; cursor: pointer }

a.fancybox-close:hover {background: url('../images/slider_btn.png') no-repeat -16px -16px;}

.fancybox-nav { position: fixed; top: 0; z-index: 8040; width: 50%; 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: 30px; background-position: -30px 0 }
.fancybox-next span { right: 30px; background-position: 0 0 }
a.fancybox-nav:hover span { background-image: url('../images/slider_btn.png') }
.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;right:0;bottom:0;width:100%;height:100%; overflow: hidden; display: none; z-index: 8010; background:rgba(255,255,255,0.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);zoom:1;}
.fancybox-overlay { background-image: url('about:config')\9;}
.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/24px inherit; text-shadow: none }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; top: 100%; z-index: 8050;margin-left:-15px;  text-align: center }
.fancybox-title-float-wrap .child { display: inline-block; padding: 5px 0 0; color: #333; line-height: 21px }
.fancybox-title-outside-wrap { position: relative; margin-left:-15px; color: #000;text-align: center }
.fancybox-title-inside-wrap { padding-top: 10px;text-align: center }
.fancybox-title-over-wrap { position: fixed;top: 20px;left: 12px; padding: 10px;text-align: center; color: #333; }

.jscroll-c { z-index: 1; position: relative; overflow: hidden;350px }
.jscroll-e, .jscroll-h { position: absolute; top: 0; right: 0; z-index: 100; overflow: hidden; width: 5px; }
.jscroll-e { height: 100%; background: #F4F6F6; }
.jscroll-h { cursor: pointer; background: #DBDCDC;}

legend { display: none }
.h-s-w { position: relative }
	.h-s-w .box { position: relative; border-bottom: 1px solid #d2d2d2 }
	.h-s-w .input-text { width: 81px; height: 19px; border: 0 none; line-height: 19px }
	.h-s-w .input-text { *margin: -1px 0 }
	.h-s-w .clew { position: absolute; top: 0; left: 1px; color: #949494; line-height: 19px; cursor: text }
	.h-s-w .light-color { color: #cccccc }
	.h-s-w .submit-btn { position: absolute; top: 4px; right: 1px; display: none; width: 11px; height: 11px; overflow: hidden; border: 0 none; background: url('../images/search_btn_bg.png') no-repeat; text-indent: -9999px }
	
.tabnav a.current,.tabnav a:hover{ color:#f00}

#search .sub-cate{ position:fixed;}
.search-wrap{ margin:181px 0 0; width:1050px; float:left}
.search-wrap .exh-time{ border:none; margin:0; padding:0}
.search-wrap .exh-list-area ul{ width:100%}
.search-wrap .artist-list{}
.search-wrap .pub-list{}
.news-wrap{ width:500px}
.news-wrap li{ margin-bottom:10px}