Modal recebendo dados do banco de dados

minha página de produtos exibe do banco de dados todos os produtos cadastrados conforme div abaixo.

<?php

                    $id_up = $GET["id"];
                    require("funcoes/conexao.php");

                    $quantidade = 10;

                    $p = (isset($_GET['p'])) ? (int)$_GET['p']: 1;

                    $inicio = ($quantidade * $p) - $quantidade; 

                    $sql = mysql_query("SELECT * FROM produtos ORDER BY desc_produtos ASC LIMIT $inicio, $quantidade") or die (mysql_error());              

                    while ($res_sql = mysql_fetch_array($sql)) {

                        echo '

<div class="gallery-grid col-md-3">
  <a href="#modal"><img src="web/images/'.$res_sql["img_produtos"].'" alt=""> 
  <span>Clique e Veja Mais Informações do Produto</span></a>
   <h5>'.$res_sql["desc_produtos"].'</h5></br>
<div class="gallery-button" class="cd-trigger"><a href="#modal">Leia Mais</a></div>

Tenho uma modal criada que ao clicar em Leia Mais ou em Clique e veja mais informações do produto já esta abrindo o Modal que quero e essa modal tem o seguinte código que fica no final dessa página de produtos.

<div id="modal">
    <div class="modal-content">
        <div class="header">
            <h2>Categoria</h2>
        </div>
        <div class="copy">
            <p>aqui pegaria as informações do produto no banco de dados.</p>
        </div>
        <div class="cf footer">
            <a href="#" class="btn">Close</a>
        </div>
    </div>
    <div class="overlay"></div>
</div>          

A dúvida é como faço para quando clicar em Leia Mais ou Clique e veja mais informações do produto abre-se essa Modal, mas com as informações dos produtos que vem do banco de dados?