$(document).ready(function(){
  $(document).bind('cbox_open', function() {
    $('html').css({ overflow: 'hidden' });
  }).bind('cbox_closed', function() {
    $('html').css({ overflow: '' });
  });
  //Examples of how to assign the Colorbox event to elements
  $(".product_pc .group1").colorbox({rel:'group1', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group2").colorbox({rel:'group2', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group4").colorbox({rel:'group4', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group5").colorbox({rel:'group5', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group6").colorbox({rel:'group6', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group7").colorbox({rel:'group7', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group8").colorbox({rel:'group8', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group9").colorbox({rel:'group9', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group10").colorbox({rel:'group10', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group11").colorbox({rel:'group11', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group12").colorbox({rel:'group12', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group13").colorbox({rel:'group13', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group14").colorbox({rel:'group14', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group15").colorbox({rel:'group15', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group16").colorbox({rel:'group16', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group17").colorbox({rel:'group17', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group18").colorbox({rel:'group18', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group19").colorbox({rel:'group19', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group20").colorbox({rel:'group20', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group21").colorbox({rel:'group21', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_pc .group22").colorbox({rel:'group21', transition:"none", width:"75%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });


  $(".product_mo .group1").colorbox({rel:'group1', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group2").colorbox({rel:'group2', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group3").colorbox({rel:'group3', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group4").colorbox({rel:'group4', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group5").colorbox({rel:'group5', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group6").colorbox({rel:'group6', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group7").colorbox({rel:'group7', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group8").colorbox({rel:'group8', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group9").colorbox({rel:'group9', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group10").colorbox({rel:'group10', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group11").colorbox({rel:'group11', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group12").colorbox({rel:'group12', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group13").colorbox({rel:'group13', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group14").colorbox({rel:'group14', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group15").colorbox({rel:'group15', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group16").colorbox({rel:'group16', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group17").colorbox({rel:'group17', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group18").colorbox({rel:'group18', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group19").colorbox({rel:'group19', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group20").colorbox({rel:'group20', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group21").colorbox({rel:'group21', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });
  $(".product_mo .group22").colorbox({rel:'group21', transition:"none", width:"95%", height:"95%"}).each(function() { $(this).colorbox({ height:"95%", html: '<div style="overflow-y:scroll;"><img style="width:100%;" src="' +$(this).attr('href') + '" /></div>' }); });

});