colorboxでポップアップ時に表示される詳細画像の大きさを
詳細-メイン拡大画像
[1024×768]
にしています。

colorboxでポップアップ時にブラウザの横幅を1024以下にした際にブラウザのサイズに合わせてリサイズされるようにしたいのですが、1024pxの画像サイズで表示されて困っています。

検索して調べたのですが、どこが悪いのかわからずお知恵を借りられたら幸いです。

現在購入したテンプレートをカスタマイズしています。
detail.tplの該当部分等記述した方がよろしいでしょうか。

ども

横幅のサイズ指定をピクセル指定ではなく100％などパーセンテージ指定にすればウインドウの幅に合わせて変化してくれますよ。

こちらを参考にしてください。
http://allabout.co.jp/gm/gc/400630/

ありがとうございます。

<script>
$(document).ready(function(){
$('a[rel^=group1]').colorbox({
rel:'group1',
maxWidth:"90%",
maxHeight:"90%"
});
});
</script>

を追加したらできました。