#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 #c61a6f; color: #c61a6f; font-family: 'Philosopher', sans-serif;}
#productDetail h3{padding: 5px 0; font-size: 14pt; font-weight: 400; border-bottom: solid 1px #7cc07b; color: #047b01;}

#screenshot{width: 30%; 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;}

div.noMoreThumb{width: 55% !important;}

#moreScreenshot{width: 23%; margin-left: 2%; float: left; overflow: hidden; position: relative;}
#moreScreenshot span{display: block; width: 20%; height: 70px; border-radius: 4px; float: left; overflow: hidden; background-color: #eee; margin: 3px; border:solid 3px #fff; box-shadow: 0px 0px 1px #ccc;}
#moreScreenshot span:hover, 
#moreScreenshot span.active{cursor: pointer; box-shadow: 0px 0px 8px #d20000;}
#moreScreenshot span img{max-width: 100%; height: auto;}
/*
#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-color: #c61a6f; color: #fff; font-size: 25pt; font-weight: 400; border-radius: 8px; text-transform: uppercase; text-decoration: none; overflow: hidden;}
p.buyBtn a:hover{background-color: #03810b;}
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: 70px;}
#proInfo table tr td.priceList{}
#proInfo table tr td.priceList li{font-size: 11pt; font-weight: 400; padding: 1px 0;}
#proInfo table tr td.priceList li:last-child{border-bottom: none;}
#proInfo table tr td.priceList li li{display: inline-block; border-bottom: none;}
#proInfo table tr td.priceList li li.title{font-size: 10.5pt; width: 110px;}
#proInfo table tr td.priceList li li.giaao{color: #018a01; font-size: 10.5pt; font-weight: 500}
#proInfo table tr td.priceList li li.giabo{color: #ff0000; font-size: 10.5pt; font-weight: 500}

#proInfo table tr td.priceList p.priceNote{font-size: 10pt; color: #666; margin: 0;}

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: #c61a6f; text-align: left; border-bottom: solid 1px #c61a6f; 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: #c61a6f;}
#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;}