/* 상품후기 상세 — fat bizview_photoview.css. 팝업 오버레이(#bizviewbody)·절대 위치를 빼고 본문 가운데 1000px 상자로 둔다.
   화살표·닫기 스프라이트(img-ngnh /bizview/sprite.png)는 dev·통합 경로에 없어 문자로 대신한다 */
#bizhostcontents .views { position: relative; width: 1000px; margin: 20px auto 40px; }
#bizhostcontents .viewcont { position: relative; width: 1000px; min-height: 700px; background: #fff; border: 1px solid #e2e2e2; }
#bizhostcontents .viewcont:after { content: ''; display: block; clear: both; }
#bizhostcontents .viewcont.nophoto { min-height: 0; width: 300px; margin: 0 auto; }
.viewphoto { float: left; text-align: center; width: 700px; height: 700px; line-height: 700px; overflow: hidden; background: #f7f7f7; }
.viewphotoss { position: relative; width: 100%; height: 100%; }
.viewphoto img { vertical-align: middle; max-width: 700px; max-height: 700px; border: 1px solid #000; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; text-decoration: none; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; line-height: 34px; font-size: 30px; color: #fff; background: rgba(0,0,0,0.5); border-radius: 50%; visibility: hidden; }
.fancybox-prev span { left: 10px; }
.fancybox-next span { right: 10px; }
.fancybox-nav:hover span { visibility: visible; }
.viewmemo { float: left; width: 300px; }
.viewmemo .top1 { padding: 20px 23px 16px 23px; }
.viewmemo .top1:after { content: ''; display: block; clear: both; }
.viewmemo .goods_photo { float: left; font-size: 0; }
.viewmemo .goods_info { float: right; width: 175px; }
.viewmemo .goods_info .goods_name { color: #323232; font-size: 12px; font-weight: bold; padding-top: 4px; }
.viewmemo .goods_info .write_name { font-size: 11px; color: #adadad; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.viewmemo .goods_info .score { padding: 6px 0 15px 0; }
.viewmemo .top3 { padding-left: 23px; width: 242px; position: relative; }
.viewmemo .top3 .memo { padding: 7px 0 30px 0; border-bottom: 1px dotted #eaeaea; font-size: 11px; color: #5a5a5a; width: 242px; }
.viewmemo .top3 .memo img { max-width: 100%; }
.viewmemo .top3 .date { position: absolute; bottom: 3px; width: 242px; text-align: right; color: #cbcbcb; }
.viewmemo .top4 { position: relative; border: 1px solid #e2e2e2; margin: 7px 0 20px 23px; text-align: left; width: 242px; }
.viewmemo .top4 ul li { list-style: none; }
.viewmemo .top4 ul li .inner { padding: 5px; }
.viewmemo .top4 ul li .inner .lpane { width: 120px; padding-bottom: 2px; }
.viewmemo .top4 ul li .inner .rpane { color: #999; font-size: 11px; }
.bizpop-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; line-height: 34px; text-align: center; font-size: 24px; color: #fff; background: #333; border-radius: 50%; text-decoration: none; z-index: 10; }