.socialx {
         width: 100%;
         padding: 0px 0;
         /*margin: 0 0 15px 0;*/
			margin: 0;
         /*border-bottom: 1px solid #ddd;*/
         float: left;
      }
      .socialBtn {
         margin: 0 2px 0 0px;
         height: 20px;
         float: left;
         display: inline-block;
      }
      .socialBtn.facebook .share {
         width: 50px;
         padding-left: 20px;
         background-image: url("../../videotto/sharre.png");
         background-position: 0 -100px;
         display: block;
         float: left;
      }
      .socialBtn.twitter .share {
         width: 45px;
         padding-left: 25px;
         background-image: url("../../videotto/sharre.png");
         background-position: 0 -80px;
         display: block;
         float: left;
      }
      .socialBtn.pinterest .share {
    		width: 45px;
         padding-left: 25px;
         background-image: url("../../videotto/sharre.png");
         background-position: 0 -180px;
         display: block;
         float: left;
      }

      .socialBtn.mail .share {
         width: 45px;
         padding-left: 25px;
         background-image: url("../../videotto/sharre.png");
         background-position: 0 -60px;
         display: block;
         float: left;
      }

		.socialBtn.googleplus .share{
    		width: 45px;
         padding-left: 25px;
         background-image: url("../../videotto/sharre.png");
         background-position: 0 -120px;
         display: block;
         float: left;
      }

      .socialBtn .share {
         height: 20px;
         line-height:20px;
         color: #FFF;
         font-family: sans-serif;
         font-size: 11px;
         text-decoration: none;
      }

      .socialBtn .count {
         position: relative;
         background-color: #CCC;
         height: 20px;
         line-height: 20px;
         color: #FFF;
         text-align: center;
         border-radius: 2px;
         font-family: sans-serif;
         font-size: 11px;
         margin: 2px 0px 2px 10px;
         padding: 3px 10px;
         text-decoration: none;
      }

      .socialBtn .count:after {
         content: '';
         position: absolute;
         width: 0;
         height: 0;
         border: 5px solid;
      }

      .socialBtn .count:after {
         border-right-color: #CCC;
         top: 50%;
         right: 100%;
         margin-top: -5px;
      }
.btnFacebook {float: left;margin-right: 5px;}
.btnFacebook .btnFacebook-text {font: 11px/18px 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;color: #536DA4;float: left;background: url(../../wp-images/bg-btnFacebook-text.png) no-repeat 5px 3px #ECEEF5;padding: 0 5px 0 20px;border: 1px solid #CAD4E7;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;cursor: pointer;}
.btnFacebook:hover .btnFacebook-text {border: 1px solid #9DACCE;}
.btnFacebook .btnFacebook-num {font: 11px/18px 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;color: #323232;float: left;background: url(../../wp-images/bg-btnFacebook-num.png) no-repeat 0 0 #FFFFFF;padding: 0 4px 0 9px;margin: 1px 0 0 2px;border-right: 1px solid #C1C1C1;}


.shareBox
{
	z-index: 501;
}

.shareBox iframe.twitter-share-button[style]
{
	max-width: 75px !important;
}
	
	.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 1100;display: none;top: 0;left: 0;}
   .reveal-modal {visibility: hidden;top: 100px; left: 50%;min-width: 600px;background: #fff url(modal-gloss.png) no-repeat -200px -80px;position: fixed;z-index: 1101;padding: 20px 20px 24px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);}
   .reveal-modal.small  { width: 200px; margin-left: -140px;}
   .reveal-modal.medium { width: 400px; margin-left: -240px;}
   .reveal-modal.large  { width: 600px; margin-left: -340px;}
   .reveal-modal.xlarge { width: 800px; margin-left: -440px;}
   .reveal-modal .close {font-size: 11px; font-weight: bolder; background-color: #10508F; width: 15px; height: 15px; background-position: center center; position: absolute; top: 8px; right: 11px; color: #FFF; cursor: pointer; text-decoration: none; margin: 1px 0px 0px; padding: 0px;text-align:center; background-image: none;}

   .reveal-modal h1 {width: auto !important; font: 700 28px 'Merriweather Sans',sans-serif !important; margin: 0px 0px 10px; color: #333 !important; letter-spacing: -1px !important;}
   .reveal-modal p {font-size: 14px;color:#000;}
   .reveal-modal .dismiss {font-size: 12px;color: #999;cursor:pointer;font-weight: bold; margin-top: 15px;}

	@media only screen and (max-width : 320px) {
		.reveal-modal-bg, .reveal-modal {display: none !important;}
	}