/* CSS Document */
body{ margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif,simsun,"宋体";}
h1,h2,h3,h4,h5,p,ul,li,form,input{ margin:0; padding:0;}
img{ border:0;}
ul,li{ list-style:none; margin:0; padding:0;}
.clear{ clear:both; height:0; overflow:hidden; visibility:hidden;}

.red12{ font-size:12px; color:#cc0000;}
.red14{ font-size:14px; color:#cc0000; }
.fbold{ font-weight:bold;}

a.red{ color:#cc0000; text-decoration:none;}
a.red:hover{ color:#cc0000; text-decoration:underline;}

a.gred{ color:#666; text-decoration:none;}
a.gred:hover{ color:#cc0000; text-decoration:underline;}




.wrap{ margin-right:auto; margin-left:auto; width:950px;}
.header { padding-bottom:20px;}
.logo{ width:130px; height:140px; float:left;}
.logo img { display:block;}
.ver_nav{ width:820px; float:left;}
.ver{ width:800px; height:61px; padding:20px 20px 0 0; text-align:right; font-size:12px; color:#000; background:url(../images/top.gif) no-repeat;}
.ver a{ color:#000; text-decoration:none; }
.ver a:hover{ color:#cc0000; text-decoration:underline; }

#nav{ width:793px; height:13px; margin-left:27px; position:relative;}

#nav li{ display:block; float:left; height:13px;}

#nav li.home{ width:50px;}
#nav li.visit{ width:56px;}
#nav li.exhibit{ width:95px;}
#nav li.edu{ width:89px;}
#nav li.study{ width:84px;}
#nav li.media{ width:101px;}
#nav li.collection{ width:96px;}
#nav li.support{ width:77px;}
#nav li.about{ width:64px; }
#nav li.ss{ width:81px;}

#nav li div{ position:absolute; top:13px; *top:15px; padding:17px 5px 5px 10px; background:#fff;}
#nav li div a{ display:inline; font-size:12px; color:#666; text-decoration:none; background:#f1f1f1; padding:5px; margin:0;}
#nav li div a:hover{ font-size:12px; color:#cc0000; text-decoration:underline;}

#nav li div a.cur{ display:inline; font-size:12px; color:#cc0000; text-decoration:underline; background:#f1f1f1; padding:5px; margin:0;}
#nav li div a.cur:hover{ font-size:12px; color:#cc0000; text-decoration:underline;}

#nav li.exhibit div{ left:106px; width:600px; border-left:solid 1px #9d9c9c;}
#nav li.edu div{ left:201px; width:560px; border-left:solid 1px #9d9c9c;}
#nav li.study div{ left:290px; width:500px; border-left:solid 1px #9d9c9c;}
#nav li.media div{ left:374px; width:500px; border-left:solid 1px #9d9c9c;}
#nav li.collection div{ left:475px; width:400px; border-left:solid 1px #9d9c9c;}
#nav li.support div{ right:145px; *right:144px; width:400px; border-right:solid 1px #9d9c9c; padding-right:9px; text-align:right;}
#nav li.about div{ right:81px; *right:80px; width:500px; border-right:solid 1px #9d9c9c; padding-right:9px; text-align:right;}
#nav li.ss div{right:0px; *right:-1px; width:750px; border-right:solid 1px #9d9c9c; padding-right:9px; text-align:right;}






/* home */
.main_exhibit{ width:650px; height:330px; margin-bottom:10px; float:left; overflow:hidden;}
.main_exhibit img{ display:block;}


/* 大图切换 */
#slider { width: 650px; height: 330px;  position: relative; overflow: hidden;}
#slider img{border: 0px;}
#sliderContent {width: 650px; position: absolute; top: 0; margin-left: 0;}
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span {
    position: absolute;
	font-size: 14px;
    padding: 10px 13px;
    width: 624px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #cc0000;
    display: none;
	font-family:simhei,"黑体";
}

.sliderImage span a{font-size: 18px;  color:#fff; text-decoration:none; line-height:140%;}
.sliderImage span a:hover{font-size: 18px;  color:#cc0000; text-decoration:underline; line-height:140%;}
.sliderImage strong{ font-weight:100; color:#fff; font-size:12px; font-family:Arial;}

.bottom { bottom: 0; left: 0;}





.main_sed{ width:290px; height:330px; margin-left:10px; margin-bottom:10px; float:left; overflow:hidden;}
.main_sed img{ display:block;}
.main_search{ height:30px; margin-bottom:10px; overflow:hidden;}
.main_search_input{ margin-left:110px; height:20px; *margin-top:-1px; padding:8px 0 0 9px; width:140px; border-left:solid 1px #d4d0c8; border-right:none;border-top:solid 1px #d4d0c8; border-bottom:solid 1px #d4d0c8; font-size:12px; color:#666;}

.main_search_btn{margin:0; padding:0; border:0; width:30px; height:30px; background:url(../images/search.gif) no-repeat; text-indent:-9999px; font-size:0px; line-height:0px; cursor:pointer;}



/* main select */

.dropdown {outline:none; width:107px; float:left; position:absolute; z-index:99;}

.dropdown h4{display:block; padding:8px 10px 9px 10px; margin:0; height:11px; font-size:12px; font-weight:100; color:#666; border:solid 1px #d4d0c8; background:#fff; width:85px; cursor:default;}
*html .dropdown h4{display:block; padding:8px 10px 6px 10px; margin:0; height:11px; font-size:12px; font-weight:100; color:#666; border:solid 1px #d4d0c8; background:#fff; width:85px; cursor:default;}
.dropdown h4.over{border-color:#d4d0c8;}
.dropdown div {display:none; position:relative;}
.dropdown span {position:absolute; top:1px; right:1px; background:url(../images/darrow.gif) no-repeat center; width:24px; height:28px;}
*html .dropdown span {top:1px; right:0; background:url(../images/darrow.gif) no-repeat center; width:24px; height:28px;}

.dropdown span.over {background-image:url(../images/drarrow.gif);}
.dropdown ul{position:absolute; display:none; border:1px solid #d4d0c8; background:#FFF; color:#666; width:105px; border-top:none;}
.dropdown ul li{background:#FFF; height:18px; display:block; padding:7px 5px 0 10px;cursor:default; font-size:12px;}
.dropdown ul li.over{background:#cc0000; color:#FFF;}

.main_order_btn{ margin-top:2px; text-align:right;}
.main_order_btns{ width:73px; height:18px; background:url(../images/order.gif) no-repeat; border:none; cursor:pointer;}

.main_free{ width:290px; height:210px; margin-top:5px;}

.main_free_show{ width:150px; float:left;}

#freeshow { position:relative; height:210px;}
#freeshow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 210px; background-color: #FFF;}
#freeshow div.active { z-index:10; opacity:1.0;}
#freeshow div.last-active { z-index:9;}
#freeshow div img { width:150px; height:210px; display: block; border:0;}

.main_free_con{ padding-left:15px; padding-top:15px; width:125px; height:195px; background:#58145e; float:left;}
.main_free h2{ font-size:16px; color:#fff;}
.main_free h2 a{ font-size:16px; color:#fff; text-decoration:none; }
.main_free h2 a:hover{ font-size:16px; color:#fff; text-decoration:underline; }
.main_free p{ font-size:12px; color:#fff; padding-top:5px;}




.main_book_membership{ width:630px; height:190px; padding:10px; background:#efefef; float:left; overflow:hidden;}
.main_book_membership img{ display:block;}

.main_book{ width:420px; height:190px; float:left;}
#SSshow { position:relative; height:190px;}
#SSshow  div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 190px; background-color: #FFF;}
#SSshow  div.active { z-index:10; opacity:1.0;}
#SSshow  div.last-active { z-index:9;}
#SSshow  div img { height: 190px; display: block; border:0;}



.main_membership{ width:200px; height:190px; float:right;}
#Membershow { position:relative; width:200px; height:190px;}
#Membershow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 190px; background-color: #FFF;}
#Membershow div.active { z-index:10; opacity:1.0;}
#Membershow div.last-active { z-index:9;}
#Membershow div img { height: 190px; display: block; border:0;}

.main_od{ width:290px; height:210px; margin-left:10px; float:left; overflow:hidden;}
.main_od img{ display:block;}
.main_order{ width:240px; height:90px; padding:10px 25px 0 25px; margin-bottom:10px; background:#efefef; font-size:12px; color:#000;}
.main_order_input{ width:165px; height:18px; padding:4px 0 0 3px; margin-top:4px; margin-bottom:4px; background:#fff; border:none; vertical-align:middle; }
.main_order_btn{ margin-top:2px; text-align:right;}
.main_order_btns{ width:162px; height:18px; background:url(../images/order.gif) no-repeat; border:none; cursor:pointer;}
.main_order span{ padding-right:5px;}



.detail_order{ width:270px; height:90px; padding:50px 25px 0 135px; margin-bottom:10px; background:#fff; font-size:12px; color:#000;}
.detail_order_input{ width:184px; height:18px; padding:4px 0 0 3px; margin-bottom:8px; margin-top:3px; background:#efefef; border:none; vertical-align:middle; font-size:12px; }
.detail_order_btn{ margin-top:2px; text-align:right;}
.detail_order_btns{ width:73px; height:18px; margin-right:8px; background:url(../images/order.gif) no-repeat; border:none; cursor:pointer;}
.detail_order span{ padding-right:5px;}








.content{ width:930px; padding:10px; background:#efefef;}
.main{ width:628px; background:#fff; border:solid 1px #e5e5e5; float:left;}
.main h2{ margin:23px 0 23px 25px; font-size:16px; color:#333; }

/* 展览 */
.exhibit_list{ width:536px; padding:22px 23px; margin:0 23px; border-top:solid 1px #e5e5e5;}
.exhibit_list_img{ width:117px; height:115px; margin-right:35px; float:left;}
.exhibit_list_text{ width:384px; float:left;}
.exhibit_list_text h4{ margin:18px 0 3px 0; font-size:14px;}
.exhibit_list_text h4 a{ color:#cc0000; text-decoration:none;}
.exhibit_list_text h4 a:hover{ color:#cc0000; text-decoration:underline;}
.exhibit_list_text p{ color:#000; line-height:160%; font-size:12px;}
.exhibit_list_view{ width:48px; text-align:center; margin:7px 0 0 325px; padding:2px 3px; *padding:2px 3px 0 3px; background:#cc0000;}
.exhibit_list_view a{ font-size:12px; color:#fff; text-decoration:none;}
.exhibit_list_view a:hover{ text-decoration:underline;}
.exhibit_list_botline{ width:582px; margin-left:23px; height:1px; background:#e5e5e5; overflow:hidden;}


/* 新闻动�?*/
.news_list{ width:524px; padding:10px 23px 10px 35px; margin:0 23px; border-top:solid 1px #e5e5e5;}
.news_list a{ font-size:12px; color:#000; text-decoration:none;}
.news_list a:hover{ font-size:12px; color:#cc0000; text-decoration:underline;}

/* 典藏 */
.collect_sort{ margin:15px 0 15px 23px; font-size:12px; color:#000;}
.collect_sort a{ color:#000; text-decoration:none;}
.collect_sort a:hover{ color:#cc0000; text-decoration:underline;}
.collect_sort_cur{ color:#cc0000;}
.collect_sort .vline{ padding: 0 3px;}

.collect{ margin-left:23px; margin-top:12px;}
.collect_list{ width:283px; margin:0 13px 12px 0; border:solid 1px #dedede; float:left;}
.collect_list img{ display:block;}
.collect_text{ font-size:12px; color:#000; margin:8px 14px 4px 14px; line-height:170%;}
.collect_text a{ color:#000; text-decoration:none;}
.collect_text a:hover{ color:#cc0000; text-decoration:underline;}
.collect_name{ padding-right:10px;}
.collect_cz{ padding-right:10px;}


.page{ margin:20px 23px; text-align:center; font-size:12px;}
.page ul{ margin:0; padding:0; list-style:none;}
.page li{ display:inline; padding:3px 0;}
.page li a{ color:#04130e; text-decoration:none;}
.page li a:hover{ color:#cc0000; text-decoration:underline;}
.page li.cur a{ font-weight:bold; color:#cc0000; text-decoration:underline;}
.page li.cur a:hover{ font-weight:bold; color:#cc0000; text-decoration:underline;}
.page li.fl a{ padding:3px; *padding:3px 3px 0 4px; text-decoration:none; }
.page li.fl a:hover{ padding:3px; *padding:3px 3px 0 4px; background:#cc0000; color:#fff; text-decoration:none;}

.page li.last a{  padding:0 5px; }
.page li.last a:hover{  padding:0 5px;}

.page li.next a{ padding:0 5px;}
.page li.nexta:hover{ padding:0 5px;}


/* 详细内容 */

.detail{ width:500px; margin:20px 0 30px 50px;}
.detail img{ display:block; margin-bottom:20px;}

.detail p{ margin-bottom:20px; font-size:12px; color:#333; line-height:180%;}



.sider{ width:290px; float:right;}
.sider img{ margin-bottom:10px; *margin-bottom:7px;}

.footer{ width:950px; padding-top:12px; *padding-top:10px; margin-top:20px; margin-bottom:65px; border-top:solid 1px #efefef; font-size:12px; color:#666;}

.footer_link{ width:500px; float:left; font-size:12px; color:#666;}
.footer_line{ padding:0 6px; text-align:left;}
.footer_link a{ font-size:12px; color:#666; text-decoration:none;}
.footer_link a:hover{ font-size:12px; color:#cf0f0f; text-decoration:underline;}
.footer_link .vline{ padding: 0 3px;}
.copyright{ width:400px; float:right;  text-align:right;}


/* 美术馆概�?*/
.general_sort{ margin:15px 0 15px 26px; font-size:12px; color:#000;}
.general_sort a{ color:#000; text-decoration:none;}
.general_sort a:hover{ color:#cc0000; text-decoration:underline;}
.general_sort_cur{ color:#cc0000;}
.general_sort .vline{ padding: 0 3px;}


/* 搜索 */
.search { width:880px; padding:20px 30px 20px 20px; background:#fff;}
.search_top{ border-bottom: solid 1px #e5e5e5; padding-bottom:15px;}

.search_bot{ border-top: solid 1px #e5e5e5; padding-top:15px; }

.search_input{ margin-left:80px; height:20px; *margin-top:-1px; padding:8px 0 0 9px; width:310px; border-left:solid 1px #d4d0c8; border-right:none;border-top:solid 1px #d4d0c8; border-bottom:solid 1px #d4d0c8; font-size:12px; color:#666;}

.search_btn{margin:0; padding:0; border:0; width:30px; height:30px; background:url(../images/search.gif) no-repeat; text-indent:-9999px; font-size:0px; line-height:0px; cursor:pointer;}

.search_count{ border-bottom: solid 1px #e5e5e5; padding:15px 0; margin-bottom:15px; text-align:right; font-size:12px; color:#333;}
.search_count strong{ padding: 0 6px; font-weight:bold;}
.search_count .keyword{ color:#e90909; font-weight:bold; padding:0 6px;}

.search_content{border-bottom: solid 1px #e5e5e5; padding:0 0 20px 5px;}
.search_result{ width:580px; float:left;}
.search_list{ padding-bottom:20px;}
.search_list h3{ padding-bottom:5px;}
.search_list h3 a{ font-size:14px; color:#4d4d4d; text-decoration:none;}
.search_list h3 a:hover{ color:#4d4d4d; text-decoration:underline;}
.search_list p{ margin-bottom:3px; *margin-bottom:0; font-size:12px; color:#000; line-height:130%;}
.search_url{ font-size:12px; color:#008000; padding-right:10px;}
.search_date{ font-size:12px; color:#008000;}
.search_list .keyword{ color:#e90909;}


.search_hot{ width:141px; padding: 5px 0 0 10px; border-left: solid 1px #e5e5e5; float:right;}
.search_hot h3{ padding-bottom:10px; font-size:14px; color:#e90909;}
.search_hot p{ line-height:180%;}
.search_hot a{ padding-right:8px; color:#666; font-size:12px; font-weight:bold; text-decoration:underline;}
.search_hot a:hover{ padding-right:8px; color:#666; font-weight:bold; text-decoration:underline;}