/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
.free-wall-li {margin:0 auto;max-width:1300px}
.size2-2 {width: 80px;height: 80px;}
.size11{height: 160px;width: 160px;}
.size12 {width: 160px;height: 320px;}
.size21 {width: 320px;height: 160px;}
.size22 {height: 320px;width: 320px;}
.size13 {width: 160px;height: 480px;}
.size31 {width: 480px;height: 160px;}
.size23 {width: 320px;height: 480px;}
.size24 {width: 320px;height: 640px;}
.size32 {width: 480px;height: 320px;}
.size33 {width: 480px;height: 480px;}
.size34 {width: 480px;height: 640px;}
.size43 {width: 640px;height: 480px;}
.size35 {width: 480px;height: 800px;}
.size53 {width: 800px;height: 480px;}
.size36 {width: 480px;height: 960px;}
.brick {float:left;cursor: default;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;}
.brick .cover {overflow: hidden;margin: 20px;}
.brick .read-more {position: absolute;display: none;bottom: 0px;left: 0px;right: 0px;padding: 12px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.45);}
.brick:hover .read-more {display: block;cursor: pointer;}
.brick .desc {display: none;}
.full-width .float-left {display: none;}
.full-width .desc {display: block;}
.full-width.brick {box-shadow: none;overflow: visible;border: none !important;background: none !important;}
.full-width.brick .cover { margin: 0px 20px;color: #333;}
.full-width.brick .cover * {text-shadow: none;}
.full-width.brick .cover code {color: #666;}
.brick img{ width:100%}
.free-wall .brick a{ display:block; position:relative; top:0}
.free-wall .brick div{position:absolute;width:100%; z-index:22; height:100%; background:url(../images/cp_bj.png); top:0; left:0;opacity:0}
.free-wall .brick div span{ text-align:center; height:45%;display:block; top:35%; line-height:30px;padding-top:15%; position:relative;  color:#FFF; font-size:14px}
.free-wall .brick div samp{ padding:0 5%; color:#ccc; padding-top:5px; display:block; width:90%; height:64px; overflow:hidden; line-height:22px;}

/*.free-wall .brick div{position:absolute;width:100%; z-index:22; height:100%; background:url(../images/cp_bj.png); top:0; left:0;opacity:0}
.free-wall .brick div span{ text-align:center; height:40%;display:block; top:20%; line-height:30px;padding-top:12%; position:relative; background:url(../images/cp_tp.png) no-repeat center 0%; color:#FFF; font-size:14px}*/


#gallery-overlay {background-color:#FFF;}
#gallery-container {margin:0% auto; overflow-y: auto; width:100% !important; top:0 !important; left:0 !important;}
#gallery {color:#999; display:none; height:100%;margin:0 auto; position:relative; width:100%; }
#gallery-loading {padding:8px;}
#gallery-controls {display:block !important; height:40px; left:0; position:absolute; top:45%; width:100%; margin-top:-41px;}
#gallery-controls div {float:left; height:40px; width:100px; margin-left:40px;}
#gallery-controls div#gallery-next{float:right; margin-right:40px;}
#gallery-controls a {display: block !important;background:#fff; color:#7f7f7f; font-size:12px; outline-style:none;text-decoration:none;}
#gallery-controls a.disabled{display:none !important;}
#gallery-close {right:30px; position:absolute; top:5%;}

#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-image-container {display:none;color:#999; display:none; margin:0 auto; overflow:auto; width:100%; text-align:center}
#gallery-image {padding:8px; margin:8px; max-height:500px;box-shadow:0 0 8px #000; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; margin-top:5%}
#gallery-meta {display:none; height:44px; padding:0px 8px;}
#gallery-info {text-align:left; width:85%; margin:0 auto;}
#gallery-info span{ display:block; font-size:14px;color:#7f7f7f;}
#gallery-info span#gallery-title{  font-size:16px;padding-bottom:10px;font-weight: bold;}
#gallery-info span#gallery-alt{font-size:14px;color:#7f7f7f; line-height:26px;padding-bottom:30px;}
#gallery-info span#gallery-pages{ text-align: right; padding:20px 0; font-weight: bold;font-size: 1.8em;}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}

/* flickr styles */