Exemplo

Altere a tag <ImagemProd> para:

<a class="Magic360" href="<ImagemProdAmp>" data-magic360-options="filename: <CodProd>{col}.jpg;
 large-filename: <CodVideoProd>{col}.jpg;"><img src="<ImagemProdDet>"/></a>

Veja recurso em funcionamento ao clicar e arrastar a imagem:

<a class="Magic360" href="<ImagemProdAmp>" data-magic360-options="filename: <CodProd>{col}.jpg; large-filename: <CodVideoProd>{col}.jpg;"><img src="<ImagemProdDet>"/></a>

<a class="Magic360" href="<ImagemProdAmp>" data-magic360-options="filename: <CodProd>{col}.jpg;
large-filename: <CodVideoProd>{col}.jpg;"><img src="<ImagemProdDet>"/></a>