#productDetail{width: 98%; padding:20px 1%; overflow: hidden; background-color: #f6f6f6; border-bottom: solid 1px #e9e9e9;}
#productDetail h1{padding: 5px 0; font-size: 18pt; font-weight: 400; border-bottom: solid 1px #0045a7; color: #0045a7; font-family: 'Philosopher', sans-serif;}
#productDetail h3{padding: 5px 0; font-size: 14pt; font-weight: 400; border-bottom: solid 1px #7cc07b; color: #047b01;}

#productPhotoWrapper{width: 55%; float: left;}
#screenshot{width: 100%; height: 100%; text-align: center; overflow: hidden; float: left; border-radius: 4px; position: relative;}
#screenshot .imgPreload{position: absolute; top: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background-color: #000; color: #fff; opacity: 0.8; text-align: center;}
#screenshot .imgPreload img{width: auto !important;}
#screenshot img{max-width: 100%; border-radius: 4px;}

#screenshot .ssBtn{width: 50px; height: 50px; border-radius: 50%; line-height: 50px; position: absolute; top: 150px; vertical-align: middle; display: none; cursor: pointer; opacity: 0.7; box-shadow: 0px 0px 10px #666;}
#screenshot .ssBtn:hover{}
#screenshot #ssNext{right: 10px; background: url(../images/icons/ss-next-icon.png) center no-repeat #ffffff;}
#screenshot #ssBack{left: 10px; background: url(../images/icons/ss-back-icon.png) center no-repeat #ffffff;}


#moreScreenshot{width: 100%; position: relative; text-align: left;}
#moreScreenshot span{display: inline-block; width: 70px; height: 70px; border-radius: 4px; background-color: #eee; margin-right: 10px; margin-bottom: 10px; border:solid 5px #fff; box-shadow: 0px 0px 1px #ccc; overflow: hidden;}
#moreScreenshot span:hover, 
#moreScreenshot span.active{cursor: pointer; box-shadow: 0px 0px 8px #d20000;}
#moreScreenshot span img{height: 100%; width: 100%;}
/*
#moreScreenshot span:hover img{transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2);}*/
p.buyBtn{text-align: center;}
p.buyBtn a{display: block; width: 200px; height: 60px; line-height: 60px; background-image: linear-gradient(#2a79bc, #2459a5); color: #fff; font-size: 25pt; font-weight: 400; border-radius: 8px; text-transform: uppercase; text-decoration: none; overflow: hidden;}
p.buyBtn a:hover{background-image: linear-gradient(#0e8d01, #0b7100);}
span.hethang{display: block;width: 100%; line-height: 60px; font-size: 200%; background-color: #990000; color: #fff; text-align: center;}

#proInfo{width: 43%; margin-left: 2%; float: left;}
#proInfo table{width: 100%; margin-bottom: 15px;}
#proInfo table tr td{padding: 5px 10px; background-color: #fff; font-size: 11pt; font-weight: 300; border-bottom: solid 1px #eee;}
#proInfo table tr td.title{border-right: solid 1px #eee; font-weight: 500; width: 100px;}
#proInfo table tr td.proPrice{color: #ec0000;}
#proInfo table tr td.proPrice span{color: #000; font-weight: 500;}

div.productDesc{background-color: #ffffff; font-size: 11pt; line-height: 150%; border-top: solid 1px #fff;}
div.productDesc h3{height: 35px; line-height: 35px; padding: 0 20px; background-color: #ffecf5; color: #0045a7; text-align: left; border-bottom: solid 1px #0045a7; font-family: 'Philosopher', sans-serif; text-transform: uppercase;}
div.productDesc p{margin: 5px 0;}
div.productDesc div.content{padding: 20px;}
div.productDesc ul.proAttribute li{line-height: 140%; padding: 4px 0;}
div.productDesc ul.proAttribute li b{font-weight: bold; text-decoration: underline;}

#productContact{text-align: center; border-top: solid 1px #eee; padding: 7px 0; background-color: #fcfcfc; font-size: 10.5pt;}
#productContact li{display: inline-block; padding: 3px 20px; line-height: 25px; height: 25px; padding-left: 45px; border-right: solid 1px #eee;}
#productContact li:first-child, #productContact li:last-child{border:none;}
#productContact li a{color: #0045a7;}
#productContact li a:hover{color: #0011b6;}
#productContact li.phone{background: url(../images/icons/phone-icon-small.png) 15px center no-repeat;}
#productContact li.email{background: url(../images/icons/email-icon-small.png) 15px center no-repeat;}
#productContact li.facebook{background: url(../images/icons/facebook-icon-small.png) 15px center no-repeat;}

span.orderStatictic{display: block; font-size: 11pt; color: #666666; margin-top: 15px;}
span.orderStatictic b{font-weight: 500; color: #ff0000; font-size: 14pt;}

p.socicalOrder{text-align: center; float: right;}

span#imgNote{display: block; height: 30px; line-height: 30px; padding: 0 10px 0 30px; background: url(../images/icons/infoIcon.png) 5px 5px no-repeat; background-color: #fff; border-radius: 30px; position: absolute; right: 10px; top: 10px; color: #ba0d5a; box-shadow: 0px 0px 5px #000;}