#bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);} #show{ display: none; position: absolute; top: 25%; left: 32%; width: 463px; height: 260px; padding: 8px; border: 1px solid #ddd; background-color: white; z-index:1002; overflow: auto; } .bookreview-box{ padding: 10px; } .wirte-bookreview{ text-align: right; padding-bottom: 5px; border-bottom:1px solid #e2e2e2; } .wirte-bookreview a{ color: #919191; cursor: pointer; border-radius: 5px; border:1px solid #e2e2e2; display: inline-block; margin-top:10px; min-width: 10px; padding: 0 10px; line-height: 30px; text-align:center; width:120px; -webkit-transition:background-position 0.3s; -moz-transition:background-position 0.3s; transition:all 0.3s linear 0s; } .jump-link-barcode:HOVER{ color:#fff; } .bookreview-record{ padding: 10px; border-bottom:1px solid #e2e2e2; } .wirte-bookreview a:hover{ color: #fff;border:1px solid transparent;background: #0073b4; } .bookreview-box .container{ /* width: 100%; */ } .commentbox{ margin: 20px auto; display: none; } .mytextarea { width: 96%; overflow: auto; word-break: break-all; height: 100px; color: #000; font-size: 1em; resize: none; border:1px solid #e2e2e2; padding: 20px; } .bookreview-box .comment-list{ width: 98%; margin: 20px auto; clear: both; padding-top: 20px; } .comment-list .comment-info{ position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef; } .comment-list .comment-info header{ width: 90px; position: absolute; } .comment-list .comment-info header img{ width: 100%; border-radius: 50%; padding: 5px; } .comment-list .comment-info .comment-right{ padding:5px 0px 5px 11%; } .comment-list .comment-info .comment-right h3{ margin: 5px 0px; } .comment-list .comment-info .comment-right .comment-content-header{ height: 25px; } .comment-list .comment-info .comment-right .comment-content-header span,.comment-list .comment-info .comment-right .comment-content-footer span{ padding-right: 2em; color: #aaa; } .comment-list .comment-info .comment-right .comment-content-header span,.comment-list .comment-info .comment-right .comment-content-footer span.reply-btn,.send,.reply-list-btn{ cursor: pointer; }