* { font-family: "微软雅黑"; }
html { }
body { }
a { color: #000; text-decoration: none; }
a:hover, a:link, a:visited { text-decoration: none; }
ul { padding: 0px; list-style: none; margin: 0px; }
.container-fluid { }
.container { width: 1000px; padding: 0px; }
h1, p { margin: 0px; }
.relative { position: relative; }
.block40 { height: 40px !important; width: 100%; display: block; clear: both; }
.block20 { height: 20px !important; width: 100%; display: block; clear: both; }
.block10 { height: 10px !important; width: 100%; display: block; clear: both; }
.block5 { height: 5px !important; width: 100%; display: block; clear: both; }
.block1 { width: 100%; height: 1px !important; display: block; clear: both; }
.white1 { width: 100%; height: 1px !important; display: block; background: #fff; }


.top { padding: 20px 0px 20px 0px; text-align: center; position: relative; line-height: 30px; height: 70px; }
.link_logo { font-size: 20px; font-weight: bold; }
.link_logo img { height: 30px; }

.top_link { display: block; width: 25px; height: 25px; position: absolute; top: 23px; z-index: 1; }
.link_back { left: 10px; }
.top_link { right: 10px; }
.top_link img { width: 25px; height: 25px; }

.foot { background: #000; color: #fff; text-align: center; font-size: 12px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 20; }
.foot_block { height: 54px; }



.category { padding: 0px 0px; margin: 0px; }
.category_scroll { width: 100%; overflow: scroll; }
.category .item { text-align: center; height: 25px; line-height: 25px; margin-right: 20px; }
.category .item a { word-break: keep-all; }
.category td:last-child .item { margin-right: 0px; }
.category .item.on a { border-bottom: solid 2px #d15b47; }

.exhibition { padding: 10px 12px 0px 12px; overflow: hidden; }
.exhibition .item { padding: 5px 8px; position: relative; }
.exhibition .item a { display: block; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.exhibition .item a img { max-width: 100%; margin-bottom: 5px; display: block; border-radius: 10px; }
.exhibition .item a span.name { display: block; line-height: 22px; overflow: hidden; height: 44px; }
.exhibition .item a span.name span { color: #afafaf; display: initial; font-size: 14px; padding-left: 10px; }
.exhibition .item a span.sub { display: block; line-height: 22px; color: #afafaf; overflow: hidden; height: 22px; }
.exhibition .artist_item span.name { height:22px !important; }

.pager { text-align: center; }
.pager a { display: inline-block; line-height: 28px; margin: 2px 2px; min-width: 32px; border: solid 1px #e3e3e3; border-radius: 4px; padding: 0px 5px; }
.pager a:hover { background: #f2f2f2; color: #000; }
.pager a.option { width: 60px; }
.pager a.on { background: #a1a1a1; color: #fff; border: solid 1px #a1a1a1; }
.pager a.no { border: 1px solid #e3e3e3; color: #999; }
.pager a.no:hover { background: none; color: #8d8d8d; }

.exhibition_iframe { position: absolute; top: 70px; bottom: 54px; width: 100%; left: 0px; z-index: 1; }

.exhibition_intro { }
.exhibition_intro .banner { margin-bottom: 10px; }
.exhibition_intro .banner img { max-width: 100%; display: block; }
.exhibition_intro .section { }
.exhibition_intro .section h1 { font-size: 16px; font-weight: bold; }
.exhibition_intro .section p { font-size: 14px; margin-bottom: 20px; margin-top: 10px; padding-left: 20px; padding-right: 20px; }
.exhibition_intro .content { line-height: 1.8; margin-top: 10px; }
.exhibition_intro .content img { max-width: 100%; height: auto !important; }
.exhibition_artwork { margin-top: 10px; }
.exhibition_artwork tr th { height: 30px; background: #f8f8f8; text-align: center; font-weight: normal; }
.exhibition_artwork tr td.name { text-align: center; height: 30px; background: #f8f8f8; }
.exhibition_artwork tr td { padding: 5px; line-height: 20px; }
.exhibition_intro .section_more { color: #337ab7; font-size: 14px; font-weight: normal; }

.exhibition_intro .artist_content { margin-top: 10px; overflow: hidden; }
.exhibition_intro .artist_content .item { padding: 0px 15px; text-align: justify; line-height: 25px; height: 25px; overflow: hidden; }
.exhibition_intro .artist_content .item > span { display: inline-block /* Opera */; padding-left: 100%; }

.content_more { overflow: hidden; position: relative; }
.content_more .more { position: absolute; color: #337ab7; bottom: 0px; right: 0px; background: #fff; padding: 0px 10px; }
.artwork_title { font-size: 16px; font-weight: bold; line-height: 25px; padding-bottom: 5px; }
.artwork_search { }
.artwork_search .section { position: relative; padding-left: 40px; margin-top: 5px; }
.artwork_search .area_section { height: 32px; overflow: hidden; }
.artwork_search .section span { position: absolute; font-size: 14px; left: 0px; height: 25px; line-height: 30px; }
.artwork_search .section .row { margin: 0px -5px; }
.artwork_search .section .row .item { float: left; padding: 0px 5px; height: 32px; padding-top: 2px; font-size: 12px; }
.artwork_search .section .row a { background: #f6f6f6; border-radius: 5px; display: block; height: 28px; line-height: 28px; color: #8a8a8a; text-align: center; }
.artwork_search .section .row a i { vertical-align: middle; }
.artwork_search .section .row a.on { background: #30668a; color: #fff; }
.artwork_search .section .row form { padding: 0px 5px 0px 5px; position: relative; }
.artwork_search .section .row form input { width: 100%; height: 30px; background: #f6f6f6; border: none; padding: 0px 45px 0px 5px; border-radius: 5px; }
.artwork_search .section .row form button { position: absolute; right: 5px; top: 0px; background: none; border: none; height: 30px; color: #8a8a8a; }
.artwork_search .section .row .member_form { padding: 0px 5px 0px 5px; position: relative; }
.artwork_search .section .row .member_form input { width: 100%; height: 30px; background: #f6f6f6; border: none; padding: 0px 45px 0px 5px; border-radius: 5px; }
.artwork_search .section .row .member_form button { position: absolute; right: 5px; top: 0px; background: none; border: none; height: 30px; color: #8a8a8a; }

.artwork_box { }
.artwork_box .image { margin-top: 10px; }
.artwork_box .image img { max-width: 100%; display: block; }
.artwork_box .option { height: 20px; margin-top: 5px; }
.artwork_box .option .link_like { display: block; float: left; color: #7b7b7b; margin-right: 20px; }
.artwork_box .option .link_like.on i { color: #d15b47; }
.artwork_box .option .link_view { display: block; float: left; color: #7b7b7b; margin-right: 20px; }
.artwork_box .option .link_audio { display: block; float: left; color: #7b7b7b; }
.artwork_box .option .link_audio.on i { color: #d15b47; }
.artwork_box .option .link_comment { display: block; float: right; color: #7b7b7b; }
.artwork_box .info { margin-top: 5px; margin-left: 0px; margin-right: 0px; }
.artwork_box .info .section { position: relative; padding-left: 45px; padding-top: 2px; padding-bottom: 2px; line-height: 20px; height: 24px; overflow: hidden; }
.artwork_box .info .section span { position: absolute; left: 0px; top: 2px; }
.artwork_box .intro { margin-top: 5px; }
.artwork_box .author { border: dotted 1px #dbdbdb; padding: 5px 8px; }
.artwork_box .author p { text-indent: 29px; }
.artwork_box .item .title { font-weight: bold; height: 26px; line-height: 26px; position: relative; padding-left: 12px; }
.artwork_box .item .title span { position: absolute; left: 0px; width: 8px; height: 16px; background: #c1a569; border-radius: 3px; top: 5px; }
.artwork_box .item .title a { position: absolute; right: 0px; color: #7b7b7b; display: block; top: 0px; font-weight: normal; font-size: 12px; }
.artwork_box .item .title a span { position: initial; background: no-repeat; border-radius: 0px; }
.artwork_box .intro .content { padding: 0px 12px; }
.artwork_box .intro .content img { max-width: 100%; }
.artwork_box .comment { margin-top: 5px; }
.artwork_box .comment .content { margin-top: 5px; }
.artwork_box .comment .comment_item { position: relative; padding-left: 42px; margin-bottom: 10px; border-bottom: dashed 1px #dbdbdb; padding-bottom: 10px; }
.artwork_box .comment .comment_item .avatar { position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; border-radius: 16px; overflow: hidden; }
.artwork_box .comment .comment_item .avatar img { width: 32px; height: 32px; }
.artwork_box .comment .comment_item .name { line-height: 18px; padding-bottom: 5px; }
.artwork_box .comment .comment_item .detail { line-height: 20px; color: #707070; padding: 0px 0px 5px 0px; word-break: break-all; word-wrap: break-word; }
.artwork_box .comment .comment_item .detail * { margin: 0px; }
.artwork_box .comment .comment_item .time { font-size: 12px; position: relative; }
.artwork_box .comment .comment_item .like_link { position: absolute; right: 0px; top: 0px; color: #707070; text-decoration: none; }
.artwork_box .comment .comment_item .like_link.on { color: #d15b47; }
.artwork_box .comment .comment_item .like_link i { font-size: 14px; margin-right: 2px; }
.artwork_box .comment .comment_item .images { margin: 0px -5px; }
.artwork_box .comment .comment_item .images .col-xs-4 { padding: 0px 5px 5px 5px; }
.artwork_box .comment .comment_item .images img { max-width: 100%; }

.artwork_box .comment .comment_item .comment_sub { position: relative; padding-left: 42px; border-top: dotted 1px #dedede; padding-top: 10px; margin-top: 10px; }
.artwork_box .comment .comment_item .comment_sub .avatar { top: 10px; }

.artwork_content { position: relative; overflow: hidden; }
.artwork_content .more { position: absolute; color: #337ab7; bottom: 0px; right: 0px; background: #fff; padding: 0px 10px; }

.reply { }
.reply .title { font-size: 20px; font-weight: bold; }
.reply .text { margin-top: 10px; height: 150px; }
.reply .text textarea { border: none; height: 150px; }
.reply .text p { margin-bottom: 0px; }
.reply .text .note-editable, .reply .text .note-placeholder { padding: 0px !important; }
.reply .text .note-editor { overflow: hidden; margin-bottom: 0px; border: none; box-shadow: none; }
.reply .text .note-statusbar, .reply .text .note-status-output { display: none; }
.reply .section { margin-top: 10px; }

.reply .image { margin: 10px -5px 0px -5px; }
.reply .image .upload_progress_box { display: none; }
.reply .image .upload_images { }
.reply .image .upload_images label { margin-bottom: 0px; }
.reply .image .upload_images .webuploader-pick { padding: 0px; display: block; background: none; }
.reply .image .upload_uimages label { margin-bottom: 0px; }
.reply .image .upload_uimages .webuploader-pick { padding: 0px; display: block; background: none; }
.reply .image .col-xs-4 { padding: 0px 8px; }
.reply .image .col-xs-12 { padding: 0px 8px; }
.reply .image .col-xs-4 img { width: 100%; height: auto; margin-top: 10px; border-radius: 5px; position: relative; }
.reply .image .col-xs-4 .close_img { position: absolute; right: 0px; top: 0px; background: #d15b47; color: #fff; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; }
.reply .image .col-xs-4 .close_img i { font-size: 10px; }
.reply .image .upload_progress_box { width: 100%; display: none; margin-top: 10px; }
.reply .image .upload_progress { margin-bottom: 0px; }

.reply .input { margin-top: 10px; }
.reply .input button { width: 100%; background: #428bca; border: none; border-radius: 0px; height: 40px; }


.exhibition_tab { padding-left: 55px; position: relative; padding-top: 10px; padding-bottom: 10px; }
.exhibition_tab .firstitem { width: 50px; position: absolute; left: 0px; padding: 0px !important; }
.exhibition_tab .row { margin-left: 0px; margin-right: 0px; }
.exhibition_tab .item { padding: 0px 5px; }
.exhibition_tab .item a { display: block; background: #f6f6f6; text-align: center; height: 30px; line-height: 30px; border-radius: 5px; color: #000; }
.exhibition_tab .item.on a { background: #30668a; color: #fff; }


.pswp { display: none; }