WooCommerce Product Images

Hello all,
I am having an issue with my product thumbnails in the archives (category) page and on single-product page. I have been setting up a website for someone and I have ran into a hiccup. All products are panoramic photos most are longer in width then they are in height. Everything was running smoothly there but now I have some panoramics that are vertical and when I add them it looks horrible. I know the problem stems from the woo stlyes here:
ul.products li.product a img {-moz-transition: all 0.2s ease-in-out 0s;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);display: block;height: auto; margin: 0 0 8px;<strong>width: 100%</strong>;}

The problem is if I change the width to something other than 100%, it breaks the page, but corrects the vertical product images.

So my question is how should I approach this while keeping the horizontals at 100% width but have the verticals set to default?

custom fields, editing the plugin files? I would appreciate any and all help with this as well as a working example ?? thanks