div,span,var,u,i,ul,li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul {list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
.window{width:1120px;margin:0 auto 30px;background:#fff;position:relative;box-shadow:0 3px 5px 5px #bebdbd}
.header__brands{width:100%;overflow:hidden;font-size:0}
.header__brands-next{background:url('http://pics.autonews.ru/autonews_pics/static/v3.1.62/styles/blocks/header/images/navs.png') no-repeat right top;width:18px;height:26px;display:block;float:right;margin-right:5px;position:relative;z-index:5;margin-top:15px}
.header__brands-last{background:url('http://pics.autonews.ru/autonews_pics/static/v3.1.62/styles/blocks/header/images/navs.png') no-repeat;width:18px;height:26px;display:block;float:left;margin-left:5px;position:relative;z-index:5;margin-top:15px}
.header__brands-wrap{overflow:hidden;width:1070px;height:26px;position:relative;margin:0 25px;padding:15px 0}.header__brands ul{position:absolute;left:0;top:15px;white-space:nowrap}
.header__brands li{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;height:25px;width:45px;background:url('http://pics.autonews.ru/autonews_pics/static/v3.1.62/styles/blocks/header/images/firms_sprite_grayscale.png') no-repeat;position:relative}
.header__brands li a{display:block;width:100%;height:100%}
.header__brands li span{position:absolute;top:-10px;left:50%;margin-left:-50%;background:#000;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:10px;padding:1px 4px 2px;color:#fff;text-transform:uppercase;display:none;z-index:10}
.header__brands li.audi{background-position:0 -1716px;height:24px}
.header__brands li.bmw{background-position:0 -360px}
.header__brands li.citroen{background-position:0 -385px}
.header__brands li.chevrolet{background-position:0 -283px}
.header__brands li.fiat{background-position:0 -616px}
.header__brands li.ford{background-position:0 -692px}
.header__brands li.honda{background-position:0 -565px}
.header__brands li.hyundai{background-position:0 -718px}
.header__brands li.kia{background-position:0 -973px}
.header__brands li.mazda{height:24px;background-position:0 -1024px}
.header__brands li.mercedesbenz{height:25px;background-position:0 -1050px}
.header__brands li.mitsubishi{background-position:0 -1002px;height:24px}
.header__brands li.nissan{height:25px;background-position:0 -1151px}
.header__brands li.opel{height:24px;background-position:0 -1229px}
.header__brands li.renault{height:24px;background-position:0 -1332px}
.header__brands li.skoda{height:25px;background-position:0 -1587px}
.header__brands li.subaru{height:24px;background-position:0 -1486px}
.header__brands li.suzuki{height:24px;background-position:0 -1384px}
.header__brands li.toyota{background-position:0 -1281px}
.header__brands li.volkswagen{height:24px;background-position:0 -1307px}
.header__brands li.volvo{background-position:0 -1690px}
.header__brands li.vaz{background-position:0 -333px}
.header__brands li.dodge{height:25px;background-position:0 -435px}
.header__brands li.peugeot{background-position:0 -1179px}
.header__brands li.lexus{background-position:0 -795px}
.header__brands li.jeep{height:25px;background-position:0 -947px}
.header__brands li.porsche{background-position:0 -1254px}
.header__brands li.rover{background-position:0 -797px}
.header__brands li.chrysler{background-position:0 -205px}
.header__brands li.mini{background-position:0 -1127px}
.header__brands li.ssang{background-position:-2px -552px}
.header__brands li.maseratti{background-position:0 -739px}
.header__brands li.bentley{background-position:0 -27px}
.header__brands li.greatwall{height:24px;background-position:0 -1767px}
.header__brands li.jaguar{background-position:0 -666px}
.header__brands li.zaz{background-position:0 -872px}
.header__brands li.acura{height:24px;background-position:0 -103px}
.header__brands li.bugatti{background-position:0 -333px}
.header__brands li.alfaromeo{height:25px;background-position:0 -129px}
.header__brands li.astonmartin{background-position:0 -156px}
.header__brands li.byd{height:26px;background-position:0 -1740px}.header__brands li.brilliance{background-position:0 -1612px}.header__brands li.buick{background-position:0 -309px}.header__brands li.cadillac{height:25px;background-position:0 -256px}.header__brands li.москвич{height:23px;background-position:0 -1794px}.header__brands li.газ{height:25px;background-position:0 -461px}.header__brands li.ваз{background-position:0 -1665px}.header__brands li.saab{height:23px;background-position:2px -1460px}.header__brands li.hummer{background-position:0 -769px}.header__brands li.geely{background-position:0 -79px}.header__brands li.тагаз{background-position:0 -232px}.header__brands li.daihatsu{background-position:0 -410px}.header__brands li.daewoo{background-position:0 -489px}.header__brands li.gmc{background-position:0 -540px}.header__brands li.lifan{background-position:0 -589px}.header__brands li.infiniti{background-position:0 -642px}.header__brands li.isuzu{background-position:0 -743px}.header__brands li.landrover{background-position:0 -820px}.header__brands li.lamborghini{background-position:0 -846px}.header__brands li.lancia{height:25px;background-position:0 -896px}.header__brands li.lincoln{height:25px;background-position:0 -922px}.header__brands li.smart{background-position:0 -1076px}.header__brands li.maybach{background-position:0 -1104px}.header__brands li.pontiac{background-position:0 -1204px}.header__brands li.saturn{height:24px;background-position:0 -1408px}.header__brands li.rollsroyсe{height:25px;background-position:0 -1433px}.header__brands li.ssangyong{background-position:0 -1510px}.header__brands li.seat{height:26px;background-position:0 -1535px}.header__brands li.уаз{height:25px;background-position:0 -1637px}.header__brands li.иж{height:20px;background-position:0 -1815px}.header__brands li.зил{background-position:0 -1832px}.header__brands li.chery{background-position:0 -180px}.header__brands li.ferrari{background-position:0 -514px}.header__brands li.hafei{background-position:0 -1562px}.header__brands li.mg{background-position:0 0}.header__brands li.irankhodro{background-position:0 -53px}.header__brands li.tata{background-position:0 -1358px}.header__brands li.haima{background-position:0 -1856px}.header__brands li.lotus{background-position:0 -1915px}.header__brands li.marussia{background-position:0 -1992px}.header__brands li.maserati{background-position:0 -1942px}.header__brands li.faw{height:25px;background-position:0 -1966px}.header__brands li.dacia{height:25px;background-position:0 -1966px}.header__brands li:hover{background:url('http://pics.autonews.ru/autonews_pics/static/v3.1.62/styles/blocks/header/images/firms_sprite.jpg') no-repeat}.header__brands li:hover span{display:block}.header__brands li:hover.audi{background-position:0 -1716px;height:24px}.header__brands li:hover.bmw{background-position:0 -360px}.header__brands li:hover.citroen{background-position:0 -385px}.header__brands li:hover.chevrolet{background-position:0 -283px}.header__brands li:hover.fiat{background-position:0 -616px}.header__brands li:hover.ford{background-position:0 -692px}.header__brands li:hover.honda{background-position:0 -565px}.header__brands li:hover.hyundai{background-position:0 -718px}.header__brands li:hover.kia{background-position:0 -973px}.header__brands li:hover.mazda{height:24px;background-position:0 -1024px}.header__brands li:hover.mercedesbenz{height:25px;background-position:0 -1050px}.header__brands li:hover.mitsubishi{background-position:0 -1002px;height:24px}.header__brands li:hover.nissan{height:25px;background-position:0 -1151px}.header__brands li:hover.opel{height:24px;background-position:0 -1229px}.header__brands li:hover.renault{height:24px;background-position:0 -1332px}.header__brands li:hover.skoda{height:25px;background-position:0 -1587px}.header__brands li:hover.subaru{height:24px;background-position:0 -1486px}.header__brands li:hover.suzuki{height:24px;background-position:0 -1384px}.header__brands li:hover.toyota{background-position:0 -1281px}.header__brands li:hover.volkswagen{height:24px;background-position:0 -1307px}.header__brands li:hover.volvo{background-position:0 -1690px}.header__brands li:hover.vaz{background-position:0 -333px}.header__brands li:hover.dodge{height:25px;background-position:0 -435px}.header__brands li:hover.peugeot{background-position:0 -1179px}.header__brands li:hover.lexus{background-position:0 -795px}.header__brands li:hover.jeep{height:25px;background-position:0 -947px}.header__brands li:hover.porsche{background-position:0 -1254px}.header__brands li:hover.rover{background-position:0 -797px}.header__brands li:hover.chrysler{background-position:0 -205px}.header__brands li:hover.mini{background-position:0 -1127px}.header__brands li:hover.ssang{background-position:-2px -552px}.header__brands li:hover.maseratti{background-position:0 -739px}.header__brands li:hover.bentley{background-position:0 -27px}.header__brands li:hover.greatwall{height:24px;background-position:0 -1767px}.header__brands li:hover.jaguar{background-position:0 -666px}.header__brands li:hover.zaz{background-position:0 -872px}.header__brands li:hover.acura{height:24px;background-position:0 -103px}.header__brands li:hover.bugatti{background-position:0 -333px}.header__brands li:hover.alfaromeo{height:25px;background-position:0 -129px}.header__brands li:hover.astonmartin{background-position:0 -156px}.header__brands li:hover.byd{height:26px;background-position:0 -1740px}.header__brands li:hover.brilliance{background-position:0 -1612px}.header__brands li:hover.buick{background-position:0 -309px}.header__brands li:hover.cadillac{height:25px;background-position:0 -256px}.header__brands li:hover.москвич{height:23px;background-position:0 -1794px}.header__brands li:hover.газ{height:25px;background-position:0 -461px}.header__brands li:hover.ваз{background-position:0 -1665px}.header__brands li:hover.saab{height:23px;background-position:2px -1460px}.header__brands li:hover.hummer{background-position:0 -769px}.header__brands li:hover.geely{background-position:0 -79px}.header__brands li:hover.тагаз{background-position:0 -232px}.header__brands li:hover.daihatsu{background-position:0 -410px}.header__brands li:hover.daewoo{background-position:0 -489px}.header__brands li:hover.gmc{background-position:0 -540px}.header__brands li:hover.lifan{background-position:0 -589px}.header__brands li:hover.infiniti{background-position:0 -642px}.header__brands li:hover.isuzu{background-position:0 -743px}.header__brands li:hover.landrover{background-position:0 -820px}.header__brands li:hover.lamborghini{background-position:0 -846px}.header__brands li:hover.lancia{height:25px;background-position:0 -896px}.header__brands li:hover.lincoln{height:25px;background-position:0 -922px}.header__brands li:hover.smart{background-position:0 -1076px}.header__brands li:hover.maybach{background-position:0 -1104px}.header__brands li:hover.pontiac{background-position:0 -1204px}.header__brands li:hover.saturn{height:24px;background-position:0 -1408px}.header__brands li:hover.rollsroyсe{height:25px;background-position:0 -1433px}.header__brands li:hover.ssangyong{background-position:0 -1510px}.header__brands li:hover.seat{height:26px;background-position:0 -1535px}.header__brands li:hover.уаз{height:25px;background-position:0 -1637px}.header__brands li:hover.иж{height:20px;background-position:0 -1815px}.header__brands li:hover.зил{background-position:0 -1832px}.header__brands li:hover.chery{background-position:0 -180px}.header__brands li:hover.ferrari{background-position:0 -514px}.header__brands li:hover.hafei{background-position:0 -1562px}.header__brands li:hover.mg{background-position:0 0}.header__brands li:hover.irankhodro{background-position:0 -53px}.header__brands li:hover.tata{background-position:0 -1358px}.header__brands li:hover.haima{background-position:0 -1856px}.header__brands li:hover.lotus{background-position:0 -1915px}.header__brands li:hover.marussia{background-position:0 -1992px}.header__brands li:hover.maserati{background-position:0 -1942px}.header__brands li:hover.faw{height:25px;background-position:0 -1966px}.header__brands li:hover.dacia{height:25px;background-position:0 -1966px}

<div class="window">
  <div class="header">
  <div class="header__brands">
  <a href="#" class="header__brands-last"></a>
  <a href="#" class="header__brands-next"></a>
  <div class="header__brands-wrap">
  <ul>
   
   
   

  <li class="volkswagen"><a href="/catalog/firm/971379/"></a><span>Volkswagen</span></li>
  <li class="volvo"><a href="/catalog/firm/971380/"></a><span>Volvo</span></li>
  <li class="ваз"><a href="/catalog/firm/971386/"></a><span>ВАЗ</span></li>
  <li class="lexus"><a href="/catalog/firm/971357/"></a><span>Lexus</span></li>
  <li class="mazda"><a href="/catalog/firm/971360/"></a><span>Mazda</span></li>
  <li class="mercedesbenz"><a href="/catalog/firm/971362/"></a><span>Mercedes-Benz</span></li>
  <li class="mitsubishi"><a href="/catalog/firm/971363/"></a><span>Mitsubishi</span></li>
  <li class="nissan"><a href="/catalog/firm/971364/"></a><span>Nissan</span></li>
  <li class="opel"><a href="/catalog/firm/971365/"></a><span>Opel</span></li>
  <li class="kia"><a href="/catalog/firm/971356/"></a><span>Kia</span></li>
  <li class="hyundai"><a href="/catalog/firm/971344/"></a><span>Hyundai</span></li>
  <li class="chevrolet"><a href="/catalog/firm/971345/"></a><span>Chevrolet</span></li>
  <li class="citroen"><a href="/catalog/firm/971348/"></a><span>Citroen</span></li>
  <li class="skoda"><a href="/catalog/firm/971418/"></a><span>Skoda</span></li>
  <li class="porsche"><a href="/catalog/firm/971366/"></a><span>Porsche</span></li>
  <li class="renault"><a href="/catalog/firm/971372/"></a><span>Renault</span></li>
  <li class="toyota"><a href="/catalog/firm/971375/"></a><span>Toyota</span></li>
  <li class="zaz"><a href="/catalog/firm/971405/"></a><span>ZAZ</span></li>
  <li class="cadillac"><a href="/catalog/firm/971341/"></a><span>Cadillac</span></li>

  <li class="landrover"><a href="/catalog/firm/971358/"></a><span>Land Rover</span></li>

  <li class="bmw"><a href="/catalog/firm/971340/"></a><span>BMW</span></li>

  <li class="ford"><a href="/catalog/firm/971404/"></a><span>Ford</span></li>

  <li class="audi"><a href="/catalog/firm/971382/"></a><span>Audi</span></li>

  <li class="honda"><a href="/catalog/firm/971353/"></a><span>Honda</span></li>

  <li class="subaru"><a href="/catalog/firm/971374/"></a><span>Subaru</span></li>

  <li class="peugeot"><a href="/catalog/firm/971368/"></a><span>Peugeot</span></li>

  <li class="suzuki"><a href="/catalog/firm/971373/"></a><span>Suzuki</span></li>

  <li class="ssangyong"><a href="/catalog/firm/971393/"></a><span>SsangYong</span></li>

  <li class="daewoo"><a href="/catalog/firm/971342/"></a><span>Daewoo</span></li>

  <li class="infiniti"><a href="/catalog/firm/971385/"></a><span>Infiniti</span></li>

  <li class="jeep"><a href="/catalog/firm/971349/"></a><span>Jeep</span></li>

  <li class="chery"><a href="/catalog/firm/1185061/"></a><span>Chery</span></li>

  <li class="газ"><a href="/catalog/firm/971377/"></a><span>ГАЗ</span></li>

  <li class="fiat"><a href="/catalog/firm/971351/"></a><span>Fiat</span></li>

  <li class="уаз"><a href="/catalog/firm/971413/"></a><span>УАЗ</span></li>

  <li class="greatwall"><a href="/catalog/firm/1157592/"></a><span>Great Wall</span></li>

  <li class="seat"><a href="/catalog/firm/971370/"></a><span>SEAT</span></li>

  <li class="тагаз"><a href="/catalog/firm/1449633/"></a><span>ТагАЗ</span></li>

  <li class="dodge"><a href="/catalog/firm/971352/"></a><span>Dodge</span></li>

  <li class="lifan"><a href="/catalog/firm/1537299/"></a><span>Lifan</span></li>

  <li class="acura"><a href="/catalog/firm/971381/"></a><span>Acura</span></li>

  <li class="chrysler"><a href="/catalog/firm/971346/"></a><span>Chrysler</span></li>

  <li class="jaguar"><a href="/catalog/firm/971354/"></a><span>Jaguar</span></li>

  <li class="saab"><a href="/catalog/firm/971371/"></a><span>Saab</span></li>

  <li class="alfaromeo"><a href="/catalog/firm/971378/"></a><span>Alfa Romeo</span></li>

  <li class="byd"><a href="/catalog/firm/1230666/"></a><span>BYD</span></li>

  <li class="irankhodro"><a href="/catalog/firm/1247465/"></a><span>Iran Khodro</span></li>

  <li class="bentley"><a href="/catalog/firm/971417/"></a><span>Bentley</span></li>

  <li class="lincoln"><a href="/catalog/firm/971408/"></a><span>Lincoln</span></li>

  <li class="hummer"><a href="/catalog/firm/971415/"></a><span>Hummer</span></li>

  <li class="geely"><a href="/catalog/firm/1298435/"></a><span>Geely</span></li>

  <li class="bugatti"><a href="/catalog/firm/971367/"></a><span>Bugatti</span></li>

  <li class="smart"><a href="/catalog/firm/971397/"></a><span>Smart</span></li>

  <li class="ferrari"><a href="/catalog/firm/971347/"></a><span>Ferrari</span></li>

  <li class="lancia"><a href="/catalog/firm/971394/"></a><span>Lancia</span></li>

  <li class="иж"><a href="/catalog/firm/971412/"></a><span>ИЖ</span></li>

  <li class="astonmartin"><a href="/catalog/firm/971384/"></a><span>Aston Martin</span></li>

  <li class="rollsroyсe"><a href="/catalog/firm/971392/"></a><span>Rolls-Royсe</span></li>

  <li class="mini"><a href="/catalog/firm/971414/"></a><span>MINI</span></li>

  <li class="pontiac"><a href="/catalog/firm/971343/"></a><span>Pontiac</span></li>

  <li class="москвич"><a href="/catalog/firm/971400/"></a><span>Москвич</span></li>

  <li class="saturn"><a href="/catalog/firm/971411/"></a><span>Saturn</span></li>

  <li class="mg"><a href="/catalog/firm/971388/"></a><span>MG</span></li>

  <li class="daihatsu"><a href="/catalog/firm/971383/"></a><span>Daihatsu</span></li>

  <li class="hafei"><a href="/catalog/firm/1242785/"></a><span>Hafei</span></li>

  <li class="buick"><a href="/catalog/firm/971361/"></a><span>Buick</span></li>

  <li class="зил"><a href="/catalog/firm/971401/"></a><span>ЗиЛ</span></li>

  </ul>
  </div>
  </div>
  </div> </div>

define("widgets/header/brands", [], function () {
  function t() {
   n(),
   r()
  }

  function n() {
   e = $(".header__brands ul")
  }
  function r() {
   var t = e.position().left,
   n = e.width(),
   r;
   $(".header__brands-last").live("click",
    function () {
    return r = t + 135,
    r <= 0 ? (e.animate({
      left : "+=135"
     }, 300), t += 135) : r <= 90 && r > 45 ? (e.animate({
      left : "+=45"
     }, 200), t += 45) : r <= 45 && (e.animate({
      left : "+=90"
     }, 100), t += 90),
    !1
   }),
   $(".header__brands-next").live("click",
    function () {
    return r = t - 135 - 1070 + n,
    r >= 0 ? (e.animate({
      left : "-=135"
     }, 300), t -= 135) : r >= -90 && r < -45 ? (e.animate({
      left : "-=45"
     }, 200), t -= 45, console.log("90")) : r >= -45 && (e.animate({
      left : "-=90"
     }, 100), t -= 90, console.log("45")),
    !1
   })
  }

  var e;
  return {
   init : t
  }
}),