/* CSS Document */
body { font-family: '宋体'; font-size: 12px; color: #000; line-height: 20px; background: url(http://art.china.cn/images/2015ArtChina/b5.gif) repeat-y top center #f6f6f6; }
a { font-family: '宋体'; font-size: 12px; color: #000; line-height: 20px; text-decoration: none; }
a:hover { text-decoration: underline; }
.top { margin-bottom: 27px; }
#banner { clear: both; width: 980px; margin: 0 auto; }
#banner img { width: 980px; }
#nav { display: none; }
.adr { clear: both; width: 980px; margin: 8px auto 0 auto; line-height: 24px; color: #666; }
.adr a { line-height: 24px; color: #666; }
#main { clear: both; zoom: 1; overflow: hidden; width: 980px; margin: 8px auto 0 auto; background: url(http://art.china.cn/images/2015ArtChina/2015second/s2.gif) repeat-y 290px 0; padding-bottom: 50px; }
#left { width: 270px; float: left; }
.artist { width: 240px; margin: 0 auto; padding-bottom: 70px; }
.artist h2 img { width: 240px; }
.artist h1 { text-align: center; line-height: 70px; font-size: 40px; }
.artist h1 a { line-height: 70px; font-size: 40px; }
.artist div,
.artist div a { line-height: 26px; }
.related { clear: both; padding-bottom: 20px; }
.related h1 { height: 40px; clear: both; border-top: 3px solid #333; border-bottom: 1px solid #E0E0E0; margin-bottom: 20px; text-align: center; }
.related h1 span { font-size: 16px; line-height: 40px; padding-left: 16px; background: url(http://art.china.cn/images/2015ArtChina/2015second/s3.gif) no-repeat 0 13px; display: inline-block; }
.related h1 a { font-size: 12px; line-height: 40px; font-weight: normal; float: right; }
.related ul { clear: both; }
.related li { padding: 3px 0 3px 10px; background: url("http://art.china.cn/images/2015ArtChina/a5.gif") no-repeat scroll 0 12px; }
.related li a { line-height: 24px; }
#right { width: 670px; float: right; overflow: hidden; }
#right h1 { height: 40px; clear: both; border-top: 3px solid #333; border-bottom: 1px solid #E0E0E0; margin-bottom: 30px; }
#right h1 span { float: left; font-size: 16px; line-height: 40px; padding-left: 16px; background: url(http://art.china.cn/images/2015ArtChina/2015second/s3.gif) no-repeat 0 13px; }
#right h1 a { font-size: 16px; line-height: 40px; font-weight: normal; float: right; }
#right ul.pic { clear: both; zoom: 1; overflow: hidden; padding-bottom: 30px; width: 700px; }
#right ul.pic li { width: 150px; float: left; display: inline; margin-right: 23px; }
#right ul.pic li img { width: 150px; margin-bottom: 4px; }
#right ul.publish { clear: both; zoom: 1; overflow: hidden; padding: 0 0 20px 10px; }
#right ul.publish li { width: 325px; float: left; display: inline; margin-right: 5px; }
#right ul.publish li img { width: 140px; height: 170px; float: left; display: inline; }
#right ul.publish li p { width: 180px; float: right; display: inline; }
#right ul.publish li p span { font-weight: bold; padding-bottom: 10px; display: block; }
#autopage { clear: both; text-align: center; font-weight: bold; color: #474b49; }
#autopage span { line-height: 35px; color: #D50001; display: inline-block; width: 33px; height: 33px; text-align: center; font-size: 14px; }
#autopage a { display: inline-block; width: 33px; height: 33px; text-align: center; line-height: 33px; font-size: 14px; border: 1px solid #fff; }
#autopage a:hover { border: 1px solid #D62B34; }
#bottom { clear: both; width: 980px; margin: 0 auto; padding: 0 0 5px 0; text-align: center; }
.footer { clear: both; width: 980px; margin: 0 auto; padding: 12px 0 5px 0; border-top: 3px solid #474B49; text-align: center; }
.hide { display: none; }
.video { clear: both; border-top: 1px solid #C7C7C7; padding: 15px 0; }
.video h1 { line-height: 36px; padding-left: 10px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
.video h1 span { font-family: "宋体"; font-size: 18px; line-height: 36px; font-weight: bold; }
.video ul { padding: 0 12px; text-align: center; }
.video li { padding-bottom: 8px; }
.video li img { margin-bottom: 3px; }
.videos { clear: both; width: 100%; overflow: hidden; padding-bottom: 20px; }
.videos h1 { height: 40px; clear: both; border-top: 3px solid #333; border-bottom: 1px solid #E0E0E0; margin-bottom: 20px; text-align: center; }
.videos h1 span { font-size: 16px; line-height: 40px; padding-left: 16px; background: url(http://art.china.cn/images/2015ArtChina/2015second/s3.gif) no-repeat 0 13px; display: inline-block; }
.videos h1 a { font-size: 12px; line-height: 40px; font-weight: normal; float: right; }
.videoList { clear: both; zoom: 1; overflow: hidden; padding-bottom: 30px; width: 290px; }
.videoList li { width: 250px; text-align: center; }
.videoList li img { width: 250px; margin-bottom: 4px; }
.wenz { clear: both; zoom: 1; overflow: hidden; padding-bottom: 30px; }
.shp { width: 320px; float: left; display: inline; text-align: center; }
.wenz1 { width: 332px; float: right; display: inline; }
 @media screen and (max-device-width:480px) {
 @charset "utf-8";
html,
 body { -webkit-text-size-adjust: none; }
html { font-size: 312.5%; }
body { font: 0.3rem/0.54rem 'Microsoft YaHei', sans-serif; width: auto; background: none; }
a { font: 0.3rem/0.54rem 'Microsoft YaHei', sans-serif; }
.top,
 .footer,
 .main,
 #nav,
 .adr,
 .right_list h2,
 .right_list h1,
 .artist div { display: none; }
.topEmpty { height: 1rem !important; }
#banner,
 #banner img { width: 100%; }
#main { background: none; width: 100%; }
#left { display: none; }
#right { width: 100%; box-sizing: border-box; padding: 0 0.2rem; float: none; background: none; border: none; overflow: auto; display: block; }
.person { zoom: 1; overflow: hidden; padding-bottom: 0.75rem; }
.person h2 { height: 2.3rem; text-align: center; }
.person h2 img { height: 100%; }
#right .person h1 { background: none; padding: 0; height: 0.54rem; clear: none; border: 0; text-align: center; }
#right .person h1 a { float: none; font-size: 0.3rem; line-height: 0.54rem; font-weight: bold; font-size: 0.36rem; }
.person div { font-size: 0.22rem; line-height: 0.36rem; }
#right h1 { padding: 0; background: none; height: 0.6rem; border-top: 0.04rem solid #000; border-bottom: 0.01rem solid #E0E0E0; margin-bottom: 0.25rem; }
#right h1 span { border: 0; line-height: 0.6rem; padding: 0 0 0 0.25rem; background: url(http://art.china.cn/images/2015ArtChina/2015second/s3.gif) no-repeat 0 50%; max-width: 80%; overflow: hidden; height: 0.6rem; }
#right h1 a { font-size: 0.18rem; line-height: 0.6rem; }
.videos { width: 100%; padding: 0; }
#right ul.pic,
 #right ul.videoList { padding: 0; width: 100%; display: flex; flex-flow: wrap; }
#right ul.pic li,
 #right ul.videoList li { margin-right: 0; width: 50%; box-sizing: border-box; padding: 0 0.1rem; float: left; }
#right ul.pic li img,
 #right ul.videoList li img { width: 100%; }
#right ul.publish { padding: 0; }
#right ul.publish li { width: 100%; margin-right: 0; clear: both; zoom: 1; overflow: hidden; margin-bottom: 0.2rem; }
#right ul.publish li img { width: 50%; box-sizing: border-box; padding: 0 0.2rem; height: auto; float: left; }
#right ul.publish li p { width: 50%; float: right; }
#right ul.publish li p span { font-weight: bold; padding-bottom: 0; display: block; }
.artist { padding: 0; }
.related { border: 0; }
#right .related h1,
 #right .videos h1 { display: block; }
#right .related ul { clear: both; }
#bottom { background: none; width: 100%; padding: 0; border: 0; }
.wenz { clear: both; zoom: 1; overflow: hidden; padding-bottom: 0.3rem; }
.shp { width: 100%; float: none; display: block; text-align: center; padding-bottom: 0.2rem; }
.wenz1 { width: 100%; float: none; display: block; }
.arrow { clear: both; width: 100%; height: 1rem; background-image: url(http://art.china.cn/images/200108-1.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 25%; }
}