Images on product detail page are blown up.

Updated to the 3.0. all of a sudden all my product images on their detail page are huge. Not sure what happened but here is the css style info that I have been using and have not changed for a long time. Not sure if therein is the problem or? My website is lindapirri,com. Go to portfolio>artprints and then click on any image:

.product-sorting, .related.products { display: none!important; }#header_main_alternate { z-index: 2; }
.single-product #top .price { display: none!important; }
li.additional_information_tab { display: none; }.single-product .price { display: none!important; }h1.product_title{
font-size: 22px !important;
}
#top .variations .label label {
margin-top: 5px;
text-align: left;
min-width: 220px;
}
#top .price { display: none!important; }
.template-shop .product_meta { display: none!important; }
#top .variations td.label { background-color: #222222; color: white; }
.products .product h3 { text-align: center; }
.inner_product .avia_cart_buttons { display: none!important; }