@charset "gb2312";
/* CSS Document */
body { font-family: 'ËÎÌå'; font-size: 12px; color: #000; line-height: 20px; background: url(art.china.cnimages2015ArtChinab5.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; }
.w980 { width: 980px; }
.w690 { width: 690px; }
.w272 { width: 272px; }
.main { clear: both; margin: 0 auto; zoom: 1; overflow: hidden; padding: 0 0 45px 0; background: url(art.china.cnimages2015ArtChina2015seconds2.gif) repeat-y 689px 0; }
.left { float: left; }
.left h1 { padding: 18px 20px 0 0; background: #fff; line-height: 44px; font-size: 25px; font-weight: normal; text-align: center; font-family: '΢ÈíÑźÚ'; }
#videoarea { width: 600px; height: 338px; margin: 0 auto; }
.adr { clear: both; border-top: 1px solid #E0E0E0; text-align: center; width: 100%; height: 38px; position: relative; font-size: 12px; line-height: 38px; color: #666; overflow: hidden; }
.adr a { font-size: 12px; line-height: 38px; color: #666; }
.adr p { position: absolute; height: 38px; display: inline; left: 0; top: 0; }
.content { clear: both; padding: 12px 0 30px 0; font-size: 14px; line-height: 24px; color: #343434; width: 100%; }
.content p { margin: 0px 3px 15px;line-height: 32px; }
.content a { font-size: 14px; line-height: 32px; color: #343434; }
#autopage { clear: both; text-align: center; padding: 0 0 30px 0; font-weight: bold; color: #474b49; font-size: 14px; }
#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; }
.share { clear: both; width: 100%; height: 38px; border-bottom: 1px solid #DBDBDB; }
.share1 { width: 300px; height: 38px; float: left; padding-left: 20px; }
.share2 { width: 220px; height: 38px; float: right; }
.share2 span { float: left; display: inline-block; padding-left: 33px; margin-left: 30px; color: #666; line-height: 30px; }
.share2 span a { line-height: 30px; }
.share2 span.print { background: url(art.china.cnimages2015ArtChina2015seconds17.gif) no-repeat 0 0; }
.share2 span.fav { background: url(art.china.cnimages2015ArtChina2015seconds18.gif) no-repeat 0 0; }
.state { clear: both; padding: 20px 0 0 20px; font-size: 14px; color: #666; line-height: 28px; }
.right { float: right; padding-top: 62px; }
.right h1 { height: 40px; clear: both; border-top: 3px solid #333; border-bottom: 1px solid #E0E0E0; clear: both; text-align: center; }
.right h1 span { display: inline-block; font-size: 16px; line-height: 40px; padding-left: 16px; background: url(art.china.cnimages2015ArtChina2015seconds3.gif) no-repeat 0 13px; }
.right h1 a { font-size: 16px; line-height: 40px; }
.right ul.list { clear: both; padding: 11px 0 21px 0; }
.right ul.list li { clear: both; padding-left: 11px; background: url("art.china.cnimages2015ArtChinaa5.gif") no-repeat scroll 0 13px; line-height: 30px; text-align: left; }
.right ul.list li a { line-height: 30px; }
.footer { clear: both; margin: 0 auto; padding: 12px 0 5px 0; border-top: 3px solid #474B49; text-align: center; }
.footer1 { clear: both; margin: 0 auto; padding: 12px 0 5px 0; border-top: 3px solid #474B49; text-align: center; display: none; }
.atop { padding-top: 65px; width: 100%; position: fixed; top: 0; left: 0; background: url(art.china.cnimages2015ArtChinalogo.jpg) no-repeat top center #fff; display: none; }
.atop p { text-align: center; height: 49px; text-align: center; border-top: 3px solid #474B49; line-height: 40px; font-size: 14px; color: #CCC; }
.atop p a { line-height: 40px; font-size: 14px; color: #000; font-weight: bold; margin: 0 11px; }
.wx { width: 120px; height: 170px; position: fixed; left: 50%; top: 310px; margin-left: 520px; background: url(art.china.cnimages160229-wx.jpg) no-repeat 0 0; _position: absolute; _top : expression(documentElement.scrollTop + documentElement.clientWidth * 0.3 + "px");
}
@media screen and (max-width: 480px) {
body { -webkit-text-size-adjust: none; }
.top { display: none; }
.atop { display: block; }
.main { background: none; padding-top: 117px; }
#videoarea { width: 300px; height: 169px; margin: 0 auto; }
#videoarea video { width: 300px; height: 169px; }
.right, .share2 { display: none; }
.w980, .w690 { width: 100%; }
.w690 { float: none; }
.adr p { display: none; }
.content { box-sizing: border-box; padding: 12px 10px 30px; }
.footer { display: none; }
.footer1 { display: block; padding: 12px 20px 5px; }
}