#CabPhoto { width:350px; float:left; overflow:hidden;}
#CabPhoto .viewport         {width:350px; height:233px; float:left; overflow:hidden; position:relative; margin-bottom:22px;}
#CabPhoto .viewport a       {width:350px; height:233px; display:block; 
                             /*background-size:auto, cover;*/ background-size:auto, contain; background-position:right 8px bottom 8px, center; background-repeat:no-repeat;}
/*
#CabPhoto .buttons          {width:39px; height:37px; margin:30px 10px 0 0; float:left; display:block; position:relative; overflow:hidden;
                                       background:url(images/buttons.png) no-repeat scroll 0 0 transparent; background-position:0 -38px;
                                       text-indent:-999em;}
#CabPhoto .next             {margin:30px 0 0 10px; background-position:0 0;}
*/
#CabPhoto .buttons          {width:36px; height:36px; display:block; position:absolute; overflow:hidden;
                                       background:url(images/buttons.png) no-repeat scroll 0 0 transparent; margin-top:98px;
                                       text-indent:-999em; z-index:500; opacity:0.25;}
#CabPhoto .buttons:hover    {opacity:0.7;}
#CabPhoto .prev             {margin-left:8px; background-position:0 -38px;}
#CabPhoto .next             {margin-left:306px; background-position:0 0;}
#CabPhoto .disable          {visibility:hidden;}
#CabPhoto .overview         {width:354px; left:0 top:0; padding:0; margin:0; position:absolute; list-style:none;}
#CabPhoto .overview li      {width:354px; height:233px; float:left;}
#CabPhoto .overview li img  {width:350px;}

#CabPhoto .bullets          {margin:0px; list-style:none; display:block; clear:both; overflow:hidden;}
#CabPhoto .bullets li       {float:left;}
#CabPhoto .bullet  {width:114px; height:84px; display:block; background-size:cover; margin-right:4px; margin-bottom:4px; opacity:0.5;}
#CabPhoto .bullets li:nth-child(3n+3) a { margin-right:0;}
#CabPhoto .active           {opacity:1;}
#CabPhoto .bullet:hover     {opacity:0.75;}

#CabPhoto  li {margin:0;}

/* Пейджитнг */

#CabPhotoPager    {}
/* Tiny Carousel */
#CabPhotoPager {
  margin:30px 0 0; padding:0 38px; height:1%; position:relative; overflow:hidden;
}
#CabPhotoPager .viewport {
  height:54px; width:274px; margin:0; position:relative; overflow:hidden;
}

#CabPhotoPager .buttons {left:0; top:11px;}
#CabPhotoPager .buttons {margin-top:0px; width:36px; height:36px; display:block; position:absolute; overflow:hidden;
                         background:url(images/buttons-pg.png) no-repeat scroll 0 0 transparent;
                         text-indent:-999em; z-index:500; opacity:0.25;
}
#CabPhotoPager .prev    {margin-left:0px; background-position:0 -38px;}
#CabPhotoPager .next    {margin-left:314px; background-position:0 0;}
#CabPhotoPager .disable {visibility:hidden;}

#CabPhotoPager .overview {width:200px; margin:0; padding:0; top:0; left:0; position:absolute; list-style:none;}

#CabPhotoPager .overview li {
  margin-right:4px; float:left; border:1px solid #ededed; border-radius:3px; overflow: hidden;
}

#CabPhotoPager .overview li a {
  background-position:center; background-size:cover;
}

#CabPhotoPager .overview li,
#CabPhotoPager .overview li a{
  width:86px; height:52px;
}