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

body{ margin:0; padding:0; background:url(../images/Home_bg_1920.jpg) center top no-repeat fixed; font-family: simsun,"宋体"; }

h1,h2,h3,h4,ul,li,p,img{ margin:0; padding:0;}

ul,li{ list-style:none;}

img { border:none;}

a.pink{ color:#fa3e91; text-decoration:none;}
a.pink:hover{ color:#fa3e91; text-decoration:underline;}

a.blue{ color:#00aef0; text-decoration:none;}
a.blue:hover{ color:#00aef0; text-decoration:underline;}

a.gpink{ color:#666; text-decoration:none;}
a.gpink:hover{ color:#fa3e91; text-decoration:underline;}

a.gblue{ color:#666; text-decoration:none;}
a.gblue:hover{ color:#00aef0; text-decoration:underline;}

.clear{ clear:both; height:0; overflow:hidden;}





/* Head
/* -------------- */
#head{ width:980px; margin: 0 auto; padding:20px 0; overflow:hidden; }
#logo{ width:140px; float:left;}

#head-right{ width:781px; float:right;}

#dig{ text-align:right; margin-bottom:35px;}
#dig a.en { color:#00aef0; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#dig a.en:hover{ text-decoration:underline;}
#dig a.cn{ padding-left:10px; color:#fa3e91; text-decoration:none; font-size:12px; font-family: simsun,"宋体";}
#dig a.cn:hover{ text-decoration:underline;}






#menu{ width:781px; height:66px; float:right; overflow:hidden;}

.menu-main { width:781px; height:18px;}

.menu-main a{ font-size:0; text-indent:-9999px; height:18px; display:inline-block; margin-left:45px; float:left; overflow:hidden;}

.menu-main .home{ width:35px; height:18px; background:url(../images/menu.png) no-repeat; _background:url(../images/menu_bg.gif) no-repeat; }
.menu-main .home-current,
.menu-main .home:hover{ width:35px; height:18px; background:url(../images/menu.png) -190px 0 no-repeat;  _background:url(../images/menu_bg.gif) -190px 0 no-repeat; }

.menu-main .art-tours{ width:72px; height:18px; background:url(../images/menu.png) 0 -24px no-repeat; _background:url(../images/menu_bg.gif) 0 -24px no-repeat;}
.menu-main .art-tours-current,
.menu-main .art-tours:hover{width:72px; height:18px; background:url(../images/menu.png) -190px -24px no-repeat; _background:url(../images/menu_bg.gif) -190px -24px no-repeat;}


.menu-main .art-lab{ width:90px; height:18px;background:url(../images/menu.png) 0 -48px no-repeat; _background:url(../images/menu_bg.gif) 0 -48px no-repeat;}
.menu-main .art-lab-current,
.menu-main .art-lab:hover{ width:90px; height:18px; background:url(../images/menu.png) -190px -48px no-repeat;  _background:url(../images/menu_bg.gif) -190px -48px no-repeat;}


.menu-main .community{ width:72px; height:18px; background:url(../images/menu.png) 0 -72px no-repeat;  _background:url(../images/menu_bg.gif) 0 -72px no-repeat;}
.menu-main .community-current,
.menu-main .community:hover{ width:72px; height:18px; background:url(../images/menu.png) -190px -72px no-repeat;  _background:url(../images/menu_bg.gif) -190px -72px no-repeat;}


.menu-main .event-consultation{ width:72px; height:18px; background:url(../images/menu.png) 0 -96px no-repeat; _background:url(../images/menu_bg.gif) 0 -96px no-repeat; }
.menu-main .event-consultation-current,
.menu-main .event-consultation:hover{ width:72px; height:18px; background:url(../images/menu.png) -190px -96px no-repeat;  _background:url(../images/menu_bg.gif) -190px -96px no-repeat;}


.menu-main .about{ width:35px; height:18px; background:url(../images/menu.png) 0 -120px no-repeat; _background:url(../images/menu_bg.gif) 0 -120px no-repeat;}
.menu-main .about-current,
.menu-main .about:hover{ width:35px; height:18px; background:url(../images/menu.png) -190px -120px no-repeat; _background:url(../images/menu_bg.gif) -190px -120px no-repeat; }

.menu-main .press-room{ width:90px; height:18px; background:url(../images/menu.png) 0 -144px no-repeat; _background:url(../images/menu_bg.gif) 0 -144px no-repeat;}
.menu-main .press-room-current,
.menu-main .press-room:hover{ width:90px; height:18px; background:url(../images/menu.png) -190px -144px no-repeat; _background:url(../images/menu_bg.gif) -190px -144px no-repeat;}


.art-tours-colum,
.art-lab-colum,
.community-colum,
.about-colum,
.press-room-colum{ width:753px; height:43px; margin-left:28px; margin-top:5px;}

.art-tours-colum{ background:url(../images/menu.png) 0 -190px no-repeat; _background:url(../images/menu_bg.gif) 0 -190px no-repeat;}
.art-lab-colum{ background:url(../images/menu.png) 0 -243px no-repeat; _background:url(../images/menu_bg.gif) 0 -243px no-repeat; padding-left:230px; width:523px;}
.community-colum{ background:url(../images/menu.png) 0 -296px no-repeat; _background:url(../images/menu_bg.gif) 0 -296px no-repeat; padding-left:280px; width:473px;}
.about-colum{ background:url(../images/menu.png) 0 -349px no-repeat; _background:url(../images/menu_bg.gif) 0 -349px no-repeat; padding-left:230px; width:523px;}
.press-room-colum{background:url(../images/menu.png) 0 -402px no-repeat; _background:url(../images/menu_bg.gif) 0 -402px no-repeat; padding-left:280px; width:473px;}


.art-tours-colum a,
.art-lab-colum a,
.community-colum a,
.about-colum a,
.press-room-colum a{ display:inline-block; font-size:14px; font-family: simsun,"宋体"; font-weight:bold; color:#777; text-decoration:none; margin:18px 16px 0 16px;}

.art-tours-colum a:hover,
.art-lab-colum a:hover,
.community-colum a:hover,
.about-colum a:hover,
.press-room-colum a:hover{ color:#fa3e91; text-decoration:none;}


.art-tours-colum a.current,
.art-lab-colum a.current,
.community-colum a.current,
.about-colum a.current,
.press-room-colum a.current{ color:#fa3e91; text-decoration:none;}






/* Main Content
/* -------------- */
#main{ width:950px; height:420px; margin: 0 auto; padding:24px; background:url(../images/main_bg_420.png) no-repeat; overflow:hidden;}

#slider {
	margin:0;
    width: 950px; /* important to be same as image width */
    height: 420px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider img{ border: 0px;}

#sliderContent {
    width: 950px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage { float: left;   position: relative;	display: none;}
.sliderImage span { width:0; overflow:hidden; display: none;}





/* bottom
/* -------------- */
#bottom{ width:980px; height:178px; margin:5px auto; background:url(../images/bottom_bg.png) no-repeat;}
* html #bottom a{ position:relative; }

#bottom #intro{ width:365px; float:left;}
#bottom #intro p{ padding: 24px 0 0 25px; font-size:14px; color:#666; line-height:220%; text-align:left;}
#bottom #intro a.download{ font-size:14px; color:#fa3e91; text-decoration:underline;}
#bottom #intro a.download:hover{ color:#fa3e91; text-decoration:underline;}
#bottom #directions{ width:130px; float:left; padding:28px 0 0 45px;}

#bottom #info{ width:345px; float:right; margin:25px 30px 0 0; *margin:25px 15px 0 0;}
#bottom #info #info-projects{ width:345px; height:125px; background:url(../images/Info_bg.jpg) no-repeat; overflow:hidden;}
#bottom #info #info-news{ width:345px; height:125px; background:url(../images/Info_bg.jpg) 0 -125px no-repeat; overflow:hidden;}

#bottom #info #info-colum{ padding:9px 0 0 12px; *padding:9px 0 0 15px;}
#bottom #info #info-colum a{display:block; padding:0 25px 0 15px; font-family: simsun,"宋体"; font-size:14px; font-weight:bold; color:#fff; float:left; text-decoration:none;}
#bottom #info #info-colum a:hover{ color:#fff; text-decoration:underline;}
#bottom #info #info-colum a.current{ display:block; padding:0 25px 0 15px font-family: simsun,"宋体"; font-size:14px; font-weight:bold; color:#fa3e91; float:left;}
#bottom #info #info-colum a.current:hover{ font-size:14px; font-weight:bold; color:#fa3e91; text-decoration:underline;}

#bottom #info .detail{ width:325px; padding:14px 8px 0 12px;}
#bottom #info h4{ padding:0; margin:0; font-size:12px; color:#666;}
#bottom #info h4 a{ color:#666; font-size:12px; text-decoration:none;}
#bottom #info h4 a:hover{ color:#fa3e91; font-size:12px; text-decoration:underline;}
#bottom #info .date{ padding:0; margin:0; font-size:12px; color:#666; line-height:200%; font-weight:bold;}
#bottom #info p{ font-size:11px; color:#666; line-height:180%; text-align:left;}


/* footer
/* -------------- */
#footer{ width:980px; margin:0 auto;}
#copyright{ padding:10px 0 20px 10px; font-size: 11px; color:#fff; font-family:Arial, Helvetica, sans-serif;}

#footer a{ font-size:12px; color:#fff; text-decoration:none; font-family:simsun,"宋体";}
#footer a:hover{ font-size:12px; color:#fff; text-decoration:underline;}





/* Column Content
/* -------------- */

.content-wrap{ width:980px; margin:0 auto;}

.content-top{ width:980px; height:70px; background:url(../images/top_bg.png) no-repeat;}
.content-top h2{ color:#00aef0; font-size:18px; font-weight:bold; padding:35px 0 0 45px;}

.content-bot{ width:980px; height:20px; background:url(../images/bot_bg.png) no-repeat;}

.content-img{ width:980px; background:#fff;}
.content-img img{ display:block; margin-left:45px; padding-bottom:30px;}

.content-detail{ width:880px; padding:0 55px 0 45px; background:#fff; overflow:hidden;}
.content-detail p{ font-size:14px; color:#666; line-height:190%; padding-bottom:20px; text-align:left;}
.content-detail h3{ font-size:14px; font-weight:bold; color:#00aef0; padding-bottom:20px;}


.newslist{ width:880px; padding:0 55px 0 45px; background:#fff; overflow:hidden;}
.newslist h3{ font-size:14px; font-weight:bold; color:#00aef0; padding-bottom:5px;}
.newslist p{ font-size:14px; color:#666; line-height:170%; padding-bottom:25px; text-align:left;}

.content-past-issue{ width:880px; padding:0 55px 0 45px; background:#fff;}
.content-past-issue h4{ width:90px; padding-right:15px; font-size:16px; color:#00aef0; font-weight:bold; float:left;}
.content-past-issue .issue{ width:760px; float:left;}
.content-past-issue .issue a{ width:60px; display:block; padding:0 20px 10px 0; float:left; font-size:14px; color:#666; text-decoration:none;}
.content-past-issue .issue a:hover{ float:left; font-size:14px; color:#00aef0; text-decoration:underline;}





.readingroom_con{ width:760px; margin-top:35px;}
.readingroom_img{ width:210px; float:left;}
.readingroom_text{ width:515px; float:right;}
.readingroom_text h3{ margin:0; padding:0; font-size:0.85em; color:#218ccc; line-height:150%; font-family: simsun,"宋体"; text-align:left;}
.readingroom_text .author{ padding-top:10px; font-size:0.75em; color:#999; line-height:170%;}
.readingroom_text .date{ font-size:0.75em; color:#999; line-height:170%;}
.readingroom_text p{ margin-top:10px; padding:0; font-size:0.85em; color:#666;  line-height:190%; text-align:left;}
.readingroom_page{ padding-top:35px; padding-bottom:30px; width:760px; text-align:right;}
.readingroom_page a{font-size:0.85em; color:#666; text-decoration:underline; padding-left:20px;}
.readingroom_page a:hover{font-size:0.85em; color:#666; text-decoration:underline;}



.edu_list{ width:900px; padding:15px 0;}
.edu_list_img{ width:240px; padding-top:5px; float:left;}
.edu_list_text{ width:580px; float:left; margin-left:30px;}
.edu_list_text h3{ margin:5px 0 0 0; padding:0; font-size:1em; color:#00aef0; line-height:150%; text-align:left;}
.edu_list_text .date{ font-size:0.85em; color:#666; font-weight:bold; }
.edu_list_text .dep{ font-size:12px; color:#666; font-weight:bold; padding:5px 0; }
.edu_list_text p{ margin-top:8px; padding:0; font-size:12px; color:#666;  line-height:190%; text-align:left;}

.edu_page{ padding:15px 0 20px 0; width:900px; text-align:right;}
.edu_page a{font-size:0.85em; color:#666; text-decoration:underline; padding-left:20px;}
.edu_page a:hover{font-size:0.85em; color:#666; text-decoration:underline;}




.artist_list{ width:900px; padding:18px 0;}
.artist_list_img{ width:240px; padding-top:5px; float:left;}
.artist_list_text{ width:560px; float:left; padding-left:30px;}
.artist_list_text h3{ margin:0; padding:0; font-size:1em; color:#218ccc; line-height:150%; text-align:left;}
.artist_list_text .date{ font-size:0.85em; color:#666; font-weight:bold; }
.artist_list_text p{ margin-top:8px; padding:0; font-size:12px; color:#666;  line-height:190%; text-align:left;}

.artist-topimg{ width:900px; height:500px; display:block; margin:0; padding:0; _margin-bottom:-3px;}
.artist-detail{ width:900px; padding:0 35px 0 45px; background:#fff; overflow:hidden;}
.artist-detail h2{ font-size:18px; color:#fa3e91; padding:30px 0 10px 0;}
.artist-detail p{ margin-bottom:15px;  padding:0; font-size:14px; color:#666;  line-height:180%; text-align:left;}


.artist_works_top{ width:900px; height:20px; margin-top:15px; background:url(../images/artist_img_top.gif) no-repeat;}
.artist_works_mid{ width:876px; padding-left:24px; padding-top:10px; background:#000; overflow:hidden;}
.artist_works_mid .imglist{ width:240px; padding:10px 22px; float:left; }
.artist_works_mid img{ width:240px; margin:0; padding:0; display:block; _margin-bottom:-3px;}
.artist_works_mid .workname{ width:240px; font-size:0.75em; color:#666; font-weight:100; line-height:140%; text-align:left; margin:10px 0;}
.artist_works_bot{ width:900px; height:20px; margin-bottom:15px; background:url(../images/artist_img_bot.gif) no-repeat;}




.exhibition-top{ width:980px; height:70px; background:url(../images/top_bg.png) no-repeat;}
.exhibition-top h2{ color:#00aef0; font-size:20px; font-weight:bold; padding:35px 0 0 45px;}


.exhibition-detail{ width:900px; padding:0 35px 0 45px; background:#fff; overflow:hidden;}
.exhibition-detail p{ font-size:14px; color:#666; line-height:170%; padding-bottom:20px; text-align:left;}
.exhibition-detail h2{ font-size:20px; font-weight:bold; color:#fa3e91; padding-bottom:10px;}
.exhibition-detail h3{ font-size:16px; font-weight:bold; color:#fa3e91; padding-bottom:20px;}

.exhibition_scene_top{ width:900px; height:20px; margin-top:15px; background:url(../images/artist_img_top.gif) no-repeat;}
.exhibition_scene_mid{ width:876px; padding-left:24px; padding-top:10px; background:#000; overflow:hidden;}
.exhibition_scene_mid .imglist{ width:240px; padding:10px 22px; float:left; }
.exhibition_scene_mid img{ width:240px; margin:0; padding:0; display:block; _margin-bottom:-3px;}
.exhibition_scene_mid .workname{ width:240px; font-size:0.75em; color:#666; font-weight:100; line-height:140%; text-align:left; margin:10px 0;}
.exhibition_scene_bot{ width:900px; height:20px; margin-bottom:15px; background:url(../images/artist_img_bot.gif) no-repeat;}


.exhibition_video_top{ width:900px; height:20px; margin-top:15px; background:url(../images/artist_img_top.gif) no-repeat;}
.exhibition_video_mid{ width:876px; padding-left:24px; padding-top:10px; background:#000; overflow:hidden; text-align:center;}
.exhibition_video_bot{ width:900px; height:20px; margin-bottom:15px; background:url(../images/artist_img_bot.gif) no-repeat;}


.art_tours_content{ width:835px; height:1280px; background:url(../images/art_tours_bg.jpg) no-repeat top center; margin:0 35px 0 45px; padding-left:65px; padding-top:50px;}



.art_tours_text{ width:500px; float:left; margin-right:20px;}
.art_tours_text h2{ font-size:18px; color:#ff157c;}
.art_tours_text p{ font-size:14px; color:#666; line-height:26px; text-align:left; margin-top:14px;  _margin-top:12px;}
.art_tours_text span{color:#ff157c; font-family:Arial, Helvetica, sans-serif;}

.art_tours_img{ width:235px; float:left; margin-left:25px; margin-top:35px;}