<div class="modal bs-maildetail-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <style type="text/css">
  .mailtext-box img{max-width: 100%;}
  .mailtext-box span{font-size: 13pt !important;color: #555 !important;font-family: "Verdana","sans-serif" !important;}
  </style>
  <div class="modal-dialog modal-lg" style="margin:0 auto;">
    <div class="modal-content clearfix" style="border:none;min-height:720px;">
    	<div class="modal-header btn-danger">
	        <h4 class="modal-title text-center">
	        	<button type="button" class="btn btn-danger btn-sm pull-left closebtn visible-xs">返回</button>
	        	邮件内容 　
            <button type="button" class="btn btn-danger btn-sm pull-right closebtn hidden-xs">返回</button>
	        </h4>
	     </div>
      
      	<div class="list-group mailtext-box text-left" style="padding:10px;">
		      <h4><?php echo $maildetail->MAI_Subject; ?></h4>
          <p class="small text-muted">发送时间: <?php echo $maildetail->MAI_SendDate; ?></p>
          <?php echo $maildetail->MAI_BlobContent; ?>
		</div>
      

      <div class="col-xs-24 text-center">
        <button type="button" class="btn btn-default closebtn">返回邮件列表</button>
      	<div class="col-xs-24 btn-sm"></div>
      </div>
    </div>
  </div>

  <script type="text/javascript">
    $('.closebtn').click(function (e) {
      $('.modal-backdrop').remove();
      $('<div class="modal-backdrop  in"></div>').appendTo("body");
      $('.bs-maildetail-modal-lg').remove();
    });
  </script>

</div>