Как победить правило в блоке?

[nikki4]

движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял.

<div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;">

<script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) {	function sliderInit6() {							   				jQuery('.product-related #slider').carouFredSel({					auto: false,					circular: false,                    infinite: false,					prev: '#prev_2',					next: '#next_2',					mousewheel: false,					height: null,					swipe: {						onMouse: false,						onTouch: false					},				   					responsive: true,					width: '100%',					scroll: 1,					items: {						width: 320,						height: null,	//	optionally resize item-height						visible: {							min: 1,							max: 4						}					}				});		}} else {function sliderInit6() {							   		jQuery('#slider').carouFredSel({					auto :false , 					circular: false,                    infinite: false,					prev: '#prev_2',					next: '#next_2',					mousewheel: false,					swipe: {						onMouse: true,						onTouch: true					},				   					responsive: true,					width: '100%',					height: null,					scroll: 1,					items: {						width: 320,						height: null,	//	optionally resize item-height						visible: {							min: 1,							max: 4						}					}				});							}}jQuery(function(){	jQuery('.product-related-products .hasTooltip').tooltip('hide');	jQuery('.list_carousel').addClass('loader');	jQuery(window).load(function() {		jQuery('.list_carousel').removeClass('loader'); // remove the loader when window gets loaded.		jQuery('.product-related #slider').show();	sliderInit6();	});}); jQuery(document).ready(function($) {	 $(function() {    	$('.product-related div.prod-row').each(function() {                var tip = $(this).find('div.count_holder_small');        $(this).hover(            function() { tip.appendTo('body'); },            function() { tip.appendTo(this); }        ).mousemove(function(e) {            var x = e.pageX + 60,                y = e.pageY - 50,                w = tip.width(),                h = tip.height(),                dx = $(window).width() - (x + w),                dy = $(window).height() - (y + h);            if ( dx < 50 ) x = e.pageX - w - 60;            if ( dy < 50 ) y = e.pageY - h + 130;            tip.css({ left: x, top: y });        	});             	});		});});</script>

задача, чтобы в мобильной версии не обрезался один из блоков похожих товаров.

выявил, что нужно   в .caroufredsel_wrapper надо заменить hidden на visible

 

пишу в конце css файла:

.caroufredsel_wrapper {overflow: visible !important;}

но стиль не заменяется.

 

как сделать чтобы заменился?

[wwt]

там еще размеры жестко прописаны, попробуйте их поменять