/**
*********** PC BEGIN ***********
**/
.ajax_photo_upload_main
{
    float: left;
}

.ajax_photo_upload {
    float: left;
    display: table;
    width: 100%;
}

.ajax_photo_upload .comment-input
{
    width: 100%;
}

.ajax_photo_upload .left
{
    float: left;
    height: 240px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 320px;
    border: 1px solid #ccc;
    background-color: #F5F5F5;
    overflow: hidden
}

.ajax_photo_upload .comment-camera
{
    background: url("camera.png") no-repeat scroll center center;
    display: block;
    height: 20px;
    width: 30px;
}

.ajax_photo_upload .right
{
    height: 240px;
    vertical-align: middle;
    width: 90px;
    display: table-cell;
}

.ajax_photo_upload .loading
{
    background: #f5f5f5 url("/sys_images/loader.gif") no-repeat scroll center center;
    height: 240px;
    margin: 1px;
    position: absolute;
    width: 320px;
    z-index: 100;
    display: none;
}

.ajax_photo_upload .upload_lock
{
    background: #f5f5f5;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.ajax_photo_upload .left .photo_upload {
    font-size: 300px;
    height: 100%;
    left: 0;
    position: absolute;
    width: 320px !important;
    z-index: 5;
    padding:0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ajax_photo_upload .left .title
{
    font-size: 18px;
    padding: 80px 15px 0;
    position: absolute;
    width: 290px;
}

.ajax_photo_upload .left .photo_preview
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 240px;
    width: 320px;
    z-index: 5;
    background: #f5f5f5;
}

.ajax_photo_upload .left .photo_preview img
{
    max-width: 100%;
    max-height: 100%;
}

.ajax_photo_upload .right input
{
    width: 110px !important;
    margin: 10px;
}

.ajax_photo_upload #action_btn
{
    height: 240px;
    position: absolute;
    width: 320px;
}

.ajax_photo_upload #action_btn li
{
    text-align: center;
}

.ajax_photo_upload #action_btn li .change_photo_btn
{
    background: url("/sys_images/btn_change.png") no-repeat !important;
    display: inline-block !important;
    height: 34px;
    width: 164px;
    cursor: pointer;
}

.ajax_photo_upload #action_btn li .change_photo_btn:hover
{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ajax_photo_upload #action_btn li .delete_photo_btn
{
    background: url("/sys_images/btn_delete.png") no-repeat !important;
    display: inline-block !important;
    height: 34px;
    width: 164px;
    cursor: pointer;
    border-radius : none !important;
    box-shadow: none !important;
}

.ajax_photo_upload #action_btn li .delete_photo_btn:hover
{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ajax_photo_upload #action_btn ul
{
    margin-top: 75px;
}

.ajax_photo_upload #action_btn.show
{
    display: none;
}

.ajax_photo_upload:hover #action_btn.show
{
    display: block;
    z-index: 10;
}

.ajax_photo_upload #action_btn.hidden
{
    display: none;
}

.commentDiv
{
    float: right;
    height: auto !important;
    margin: 0;
    min-height: 240px;
    width: 359px;
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px;
}

.commentDiv dd
{
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.commentDiv textarea
{
    border: 1px solid #ccc;
    height: auto !important;
    min-height: 195px;
    padding: 2px;
    width: 330px !important;
}

.ajax_photo_upload_non_preview_main
{
    float:none;
    padding: 5px;
}

.ajax_photo_upload_non_preview_main .ajax_photo_upload
{
    float:none;
    width: auto;
}

.ajax_photo_upload_non_preview_main .ajax_photo_upload .loading
{
    background: url("/sys_images/loader.gif") no-repeat scroll center center;
    height: 86px;
    width: 321px;
}

.ajax_photo_upload_non_preview_main .ajax_photo_upload .left .title
{
    color: #646f90;
    font-size: 14px;
    padding: 11px 56px 0;
    width: 209px;
}

.ajax_photo_upload_non_preview_main .ajax_photo_upload .left .photo_upload
{
    height: 76px !important;
    width: 311px !important;
}

.ajax_photo_upload_non_preview_main .ajax_photo_upload .left
{
    height: 85px;
    background-color: #fff;
    border: 2px dotted #cccccc;
    border-radius: 5px;
}

.ajax_photo_upload_non_preview_main .ajax_photo_upload .right
{
    height: auto;
}

.ajax_comment_photo_upload_main
{
    width: 92%;
}

.ajax_comment_photo_upload_main .left.hidden
{
    display: none;
}

.ajax_comment_photo_upload_main .left.show
{
    display: block;
}

.ajax_comment_photo_upload_main .ajax_photo_upload .left .photo_preview img
{
    width: auto;
    height: auto;
    margin:0;
    float: none;
}

#commentTag1 .all_comment .comment_div dl
{
   padding: 0 5px;
}

.content-holder
{
    height: 150px !important;
    overflow: hidden;
    position: relative;
    background: #fff !important;
}

.content-holder .ps-scrollbar-y:hover
{
    cursor: pointer;
}

.comments .comment_img
{
    height: auto;
    width: auto;
    float: none;
    margin:0;
    display: block;
}

.example-image-link {
    display: block !important;
    width: 100px;
}

/**
*********** PC END ***********
**/




/**
*********** SP BEGIN ***********
**/
#w_comm_sp .comments
{
    margin: 0 10px 15px;
}

#w_comm_sp .comments ul
{
    display: table;
    margin: 10px 0 15px;
    table-layout: fixed;
    width: 100%
}

#w_comm_sp .comments .title
{
    border-bottom: 2px solid #888 !important;
    font-size: 125%;
    font-weight: normal;
    padding: 0 !important;
}

#w_comm_sp .comments .input_comment
{
   background: #f5faff none repeat scroll 0 0;
    border: 1px solid #a2bed7;
    margin: 15px 0 0;
    padding: 7px;
    vertical-align: bottom;
}

#w_comm_sp .comments .input_comment textarea.comment
{
    border: 1px solid #b3c3d2 !important;
    box-sizing: border-box;
    margin: 0 0 5px;
    width: 100%;
    padding: 3px !important;
    font-size: 12px;
    min-height: 22px;
}

#w_comm_sp .comments .input_comment input[type="button"]
{
    background: #369 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 3px;
}

#w_comm_sp .comments .input_comment .tooltip .tooltiptext
{
    display: none;
}

#w_comm_sp .comments .input_comment .comment-input
{
    width: 100%
}

#w_comm_sp .ajax_comment_photo_upload_main .ajax_photo_upload
{
    width: 100%
}

#w_comm_sp .ajax_comment_photo_upload_main
{
    width: 100%
}

#w_comm_sp .comment_div dl
{
    padding: 10px 5px !important;
    border-bottom: 1px dotted #000;
}

#w_comm_sp .comments .comment
{
    border: none !important;
    padding: 0 !important;
}

#w_comm_sp .comment_div span.post_date
{
    margin: 0 10px;
}

#w_comm_sp .comment_div dd a
{
    color: #416090;
}

#w_comm_sp .comment_div dd a:hover
{
    text-decoration: underline;
}

#w_comm_sp .delete_comment
{
    color: #416090;
}

#w_comm_sp .delete_comment:hover
{
    text-decoration: underline;
}

#w_comm_sp .input_comment #action_btn ul
{
    margin-top: 90px !important;
}


/**
*********** SP END ***********
**/




/**
*********** IE7 BEGIN ***********
**/
* + html .ajax_photo_upload #action_btn li
{
    margin-bottom: 5px;
}

* + html .ajax_photo_upload
{
    margin: 10px 28.5%;
}

* + html .ajax_photo_upload .loading
{
    margin-left: -321px;
    margin-top: 11px;
}

* + html .ajax_photo_upload #action_btn
{
    margin-top: 18px;
    left: 3%;
}

* + html .ajax_photo_upload .left .title
{
    left: 0;
}

* + html .ajax_comment_photo_upload_main .ajax_photo_upload
{
    margin:0;
}

* + html .ajax_comment_photo_upload_main .ajax_photo_upload #action_btn
{
    left: 30.5%;
}

* + html .ajax_photo_upload .comment-camera
{
    background: none;
}
/**
*********** IE7 END ***********
**/