.heading #cart-total .num {
	color: red;
}

<div id="right">

<form method="get" class="pagefilter" >&nbsp;</form>
<script>
urlPage ="http://{NET_DOMAIN}/catalog/Kornevoj-katalog"; //адрес страницы с фильтрами.
$.get(urlPage, function(d){
filtered = $(d).find('.filters').html();
$('.pagefilter').html(filtered)
console.log($('.pagefilter').find('form').attr('action',urlPage));
$('.pagefilter input').click(function(){
var zapros = $('.pagefilter').serialize();
$.get(urlPage + '?' + zapros, function(data){
$data = $(data);
var loadBody = $data.find('#content').html();

//console.log(loadBody);
$('#mainindex').html(loadBody);
	 $('#mainindex').find('.goodsListForm').submit(function(){

	 $(this).nyroModalManual({
	 formIndicator: 'ajax_q', // Value added when a form is sent
	 minWidth: 450, // Minimum width
	 minHeight: 140, // Minimum height
	 gallery: null // Gallery name if provided
	 });
	 return false;
});

});

});
});


</script>

http://{NET_DOMAIN}/catalog/Kornevoj-katalog

{% IF SHOW_GOODS_FILTERS %}
<div class="block">

{% IF SHOW_GOODS_FILTERS %}
<div class="block filters">

<div class="banner"><a href="http://mondo55-shop.ru/catalog/Skladskaya-rasprodazha-2"><img src="http://st.mondo55-shop.ru/6/1377/917/animation2.gif"></a></div>

http://st.mondo55-shop.ru/6/1377/917/animation2.gif

.items {background-color:тут впишите параметр нужного цвета !important;}

// На странице товара при наведении на маленькое изображение - изменяем большое изображение
  $("ul#preview_images li img").click(function() {
	var $src = $(this).attr('src');
	$("#wrap img").attr('src', $src.replace('mini', 'main'));
	return false;
  });
 
  $("ul#preview_images li a").click(function() {
	var $src = $(this).attr('src');	var $href = $(this).attr('href');
	$("#wrap a").attr('href', $href.replace('mini', 'main'));
	return false;
  });

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	{% IFNOT goods_images_empty %}
	  {% FOR goods_images %}
		{% IF goods_images.first %}
		  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
			<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
			<div id="thumbs_list">
			  <ul id="thumbs_list_frame" style="width: 100000px;">
			  {% ENDIF %}
				  <li>
					<a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
					  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
					</a>  
				  </li>
			  {% IF goods_images.last %}
			  </ul>
			</div> 
			<a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a>
		  </div>
		{% ENDIF %}
	  {% ENDFOR %}
	{% ENDIF %}  
  </div>

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	{% IFNOT goods_images_empty %}
	  {% FOR goods_images %}
		{% IF goods_images.first %}
		  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
			<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
		   <div id="thumbs_list">
						 <ul id="preview_images" style="width: 100000px;">
						 {% ENDIF %}
								 <li>
								 <a  href="{goods_images.LARGE}" title="{goods_images.NAME}" class="mini">
										 <img src="{goods_images.LARGE}" class="mini" alt="{goods_images.NAME}" rel="{goods_images.LARGE}" />
								 </a>
								 <!-- Идентификатор изображения товара, используется для галереи изображений -->
								 <input type="hidden" rel="{goods_images.ID}" />
								 </li>
						 {% IF goods_images.last %}
						 </ul>
				 </div>
			<a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a>
		  </div>
		{% ENDIF %}
	  {% ENDFOR %}
	{% ENDIF %} 
  </div>

<!-- Большое изображение -->
	<div class="image">
	  <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">
		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
		{% ELSE %}
		  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="position: 'inside', zoomPosition: '3', showTitle: false, adjustX:-4, adjustY:-4">
			<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
		  </a>
		{% ENDIF %}		
	  </div>			 
	</div>

   <!-- Большое изображение -->
<div class="image">
		 <div id="wrap" >
		 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
		 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="main" rel="group"  >
				 <img src="{GOODS_IMAGE_LARGE}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="main">
				 </a>
				 <!-- Идентификатор изображения товара, используется для галереи изображений -->
				 <input type="hidden" rel="{GOODS_IMAGE_ID}" />
		 {% ENDIF %}		   
		 </div>				
</div>

.img_middle_big div  {display:table;width: 100%; height:251px; border: 1px solid #bcbec0; background: #fff; }

.img_middle_big div  {display:table;width: 100%; height:251px; border: 1px solid #bcbec0; }

$(window).load(function(){
  $('.mousetrap').click(function(){
	$('.goodsDataMainImageZoom').find('a').click();
  });
})