Caption en dessous image diaporama et pas dessus

Bonjour,

j'ai télécharger ceci :

http://pgwjs.com/pgwslideshow/

je souhaiterai mettre le caption en dessous de l'image entre l'image diaporam et la galerie d'en dessous mais je n'y arrive pas j'ai mis en block le caption mit des margin et bottom mais rien n'y fait.

quelqu'un aurai une solution voici le css que j'ai trouvé et que je pense doit être modifié pour cela.

voici le code original css :

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}
 
.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}
 
.pgwSlideshow .ps-list {
    border-top: 1px solid #555;
    box-shadow: 0 10px 10px -5px #333 inset;
    background: #555;
    overflow: hidden;
    position: relative;
}
 
.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}
 
.pgwSlideshow .ps-list li {
    float: left;
}
 
.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

merci.