#PriceInfoBox{width:200px;position:fixed;top:40%;right:-160px;z-index:999;font-style:normal}#PriceInfoBox>div{float:left}.arrow-right{width:0;height:0;border-top:60px solid transparent;border-bottom:60px solid transparent;border-left:60px solid green}.arrow-left{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:14px solid #fff;border-left:14px solid transparent;margin-left:-2px;width:14px}#PriceInfoBox>div:first-child{width:40px;line-height:40px}#PriceInfoBox>div:last-child{width:160px;min-height:200px;background-color:#282828;padding:10px}#PriceInfoBox button{width:100%;border-radius:0;padding:10px}#PriceInfoBox h3{text-align:center;font-style:normal;font-size:15px;margin:0;padding:0}#PriceInfoBox.active{right:0}#PriceInfoBox.active .arrow-left{border-right:14px solid transparent;border-left:14px solid #fff;margin-left:12px;width:10px}#PriceInfoBox .left-box{padding-top:10px;height:200px}.vertical{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:70px 70px;-moz-transform-origin:70px 70px;-ms-transform-origin:70px 70px;-o-transform-origin:70px 70px;transform-origin:70px 70px;width:150px;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}#PriceInfoBox .left-box>*{font-size:18px;text-transform:uppercase}#PriceInfoBox>div:last-child>*{margin-top:16px}@media(min-width:1000px){#PriceInfoBox:hover{right:0}#PriceInfoBox:hover .arrow-left{border-right:14px solid transparent;border-left:14px solid #fff;margin-left:12px;width:10px}}@media(max-width:640px){#PriceInfoBox{top:20%}}