@charset "utf-8";


.outer-wrapper { bottom: 0; left: 0; overflow-y: auto;  position: fixed; right: 0; top: 0; z-index: 9999;}
.ShowProductWrap .ShowP_t{ height:45px; margin-bottom:24px;}
.ShowProductWrap .Title{ float:left; border-bottom:none; margin:0px; padding:0px;}
.ShowProductWrap .Title span{float:left; display:block;}
.ShowProductWrap .Title .TitleText{ width:415px;}
.ShowProductWrap .Title .Show_Btn{ width:185px; height:22px; margin:10px 0px 0px 25px;}
.ShowProductWrap .Showbottoms{ float:right; }
.ShowProductWrap .Showbottoms a{ width:129px; font-size:14px; height:43px; line-height:43px;}
.ShowProductWrap .Showbottoms .View{ margin-right:20px;}
.ShowProductWrap .Modal_overall{ width:1000px; height:191px; overflow:hidden; position:relative;}
.ShowProductWrap .Modal_overall ul{ height:191px; position:relative; left:0;}
.ShowProductWrap .Modal_overall li{ float:left; width:191px; height:191px; display:block; margin-right:11px;}
.ShowProductWrap .Modal_overall li:hover{ background:#FFF; opacity:0.5;}
.ShowProductWrap .Modal_overall .Modal-next, .ShowProductWrap .Modal_overall .Modal-prev{ position:absolute; z-index:10; right:0px; top:71px; width:31px; height:50px; background:url(../images_new/details-show/arrow_next.png) no-repeat; cursor:pointer;}
.ShowProductWrap .Modal_overall .Modal-prev{ left:0px; background:url(../images_new/details-show/arrow_prev.png) no-repeat;}
.ShowProductWrap .Modal_overall .Modal-next:hover, .ShowProductWrap .Modal_overall .Modal-prev:hover{ background-position:0px -50px;}


/*ZZC MODAL BIG*/
.curalate-modal{ position:relative; background:#FFF; width:648px; height:561px; margin:0 auto; margin: 100px auto 0 ;padding:16px 13px 35px 10px;color:#494949;}
.curalate-modal > p{ font-size:14px; height:42px; line-height:42px; margin-bottom:15px;}
.curalate-modal .arrowbtn{ width:14px; height:26px; display:none; position:absolute; background:url(../images_new/details-show/arrow-next2.png) no-repeat; z-index:99; top:50%; margin-top:-13px;}
.curalate-modal .Prev{ left:-35px;}
.curalate-modal .Prev:hover{ background-position:0px -26px;}
.curalate-modal .Next{ right:-35px; background-position:-24px -0px;}
.curalate-modal .Next:hover{background-position:-24px -26px;}
.curalate-modal .Modal_Login img{ margin-right:15px; width:40px; height:40px; border:1px solid #e0e0e0; border-radius:50%;}
.curalate-modal .HeaderTitle .CloseBtn{ margin-top:9px;}
.curalate-modal .Modal-image .Left{ display:block; float:left; width:409px; margin-right:16px;}
.curalate-modal .Modal-image .Right{ float:right; width:223px;}
.curalate-modal .Modal-image .ProductsTitle{ display:block; padding:0px 5px; height:49px; line-height:49px; text-transform:uppercase; font-size:18px;}
.curalate-modal .Modal-image .Right .ProImg{ float:left; width:223px; height:223px; display:block; margin-bottom:15px;}
.curalate-modal .Modal-image .Right .ProductName{ width:223px; line-height:20px; text-align:center; font-size:12px; color:#494949; display:block;}
.curalate-modal .Modal-image .Right .ProductName:hover{ color:#ff00a8;}
.curalate-modal .Share-fllow{ padding:18px 15px; height:25px; line-height:25px;}
.curalate-modal .Share-fllow span{ float:left; display:block;font-size:18px; margin-right:20px;}
.curalate-modal .Share-fllow a{ float:left; margin-right:8px; width:24px; height:25px; background:url(../images_new/details-show/icon_follow.png) no-repeat; display:block;}
.curalate-modal .Share-fllow .Facebook{ background-position:0px 0px;}
.curalate-modal .Share-fllow .Twitter{ background-position:-32px 0px;}
.curalate-modal .Share-fllow .Pinterest{ background-position:-66px 0px;}
.curalate-modal .Share-fllow .Google{ background-position:-98px 0px;}
.curalate-modal .Share-fllow .Instagram{ width:25px; background-position:-131px 0px;}
      
/*ZZC SUBMIT DESKTOP 1 */
.loadingsubmit {background:#F7F9FC url("../images_new/master/loading.gif") no-repeat scroll center center;display:none; height: 100%;left: 0; opacity: 0.75; fliter:alpha(opacity=75); position: absolute;top: 0;width: 100%;z-index: 100;}
.ShowContainer{ color:#494949; width:861px; padding:0px; height:auto;}
.InfoContainer{width:837px; padding:12px 12px 30px 12px; }
.ShowContainer .header{ text-align:center; position:relative; padding:15px 0px 20px;}
.ShowContainer .header-title{ font-size:20px; text-transform:uppercase; font-weight:bold;}
.ShowContainer .header i{ font-style:normal; font-size:12px;}
.curalate-modal .header .CloseBtn{ position:absolute;top:0px; right:0px; margin-top:0px;}
.ShowContainer .Menu{ width:837px; height:40px; line-height:40px; text-transform:uppercase; font-size:12px; color:#494949;}
.ShowContainer .Menu li{ width:198px; text-align:center; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; float:left; display:block; cursor:pointer;}
.ShowContainer .Menu li.active{border-top:1px solid #ff00a8; border-bottom:1px solid #ff00a8; color:#ff00a8;}
.ShowContainer .Menu li.selected-photos{ width:239px; border:none; cursor:default; background:#f8f8f8; margin-left:4px;}
.ContWrap{ float:left; width:534px; height:245px;}
.ContWrapDesktop{width:534px; height:245px; margin:69px 0px 0px 60px; background:url(../images_new/details-show/widget-bg.png) no-repeat;}
.ContWrap .Work_Info{ font-size:24px; line-height:35px; width:228px; text-align:center; padding:57px 0px 0px 121px;}
.ContWrap .Work_Info .upload-button{ position:relative; width:120px; height:39px; overflow:hidden; line-height:39px; background:#ff00a8; font-size:12px; color:#FFF; text-align:center; display:block; margin:0 auto; text-transform:uppercase; margin-top:32px; cursor:pointer; padding:0px;}
.ContWrap .Work_Info .upload-button .Button{ position: absolute; top: 0; left:-10px; opacity: 0; filter: alpha(opacity: 0); font-size:100px; height: 39px; cursor: hand; cursor: pointer; width: 100%; padding:0px 10px 0 0;}
.ContWrap .Work_Info .upload-button:hover{ background:#fe25b4;}
.show_footer{ text-align:right; border-top:1px solid #494949; padding:23px 17px 25px 0px;}
.show_footer .Submit{ font-size:14px; width:113px;}

.LoadStart_Box{position:relative; width:458px;}
.LoadStart_Box .LoadStart{ height:10px; width:450px; border-radius:10px; background:#f8f8f8; box-shadow:1px 2px 4px rgba(0, 0, 0, 0.3) inset; margin:94px 4px 0 0;}
.LoadStart_Box .LoadStart .LoadRate{ width:0; position:relative; top:0; left:0; display:block; border-radius:10px; background:linear-gradient(to top,#999,#eee); height:10px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#eee'); }
.LoadStart_Box .LoadRateNum{ position:absolute; top:-26px; left:0; margin-left:-15px; width:30px; height:26px;}
.LoadStart_Box .LoadRateNum span{ display:block; text-align:center; color:#FFF; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7); width:30px; height:24px; line-height:20px; border-radius:5px; background:url(../images_new/details-show/load-rate_bg.png) no-repeat; font-size:10px; font-family:"Myriad Pro";}

.photo-item .photo:hover .image-remove, .photo-item .photo .image-add{ background:url(../images_new/details-show/add-btn.png) no-repeat;}

.Sidebar{ float:right; width:234px; margin:15px 0px 0px 5px;}
.Sidebar .selected-photos{ height:370px; overflow-y: auto; }
.Sidebar .photo-item{padding:0px 0px 10px 15px;}
.photo-item .photo{ position:relative; float:left; width:79px; height:79px; margin:0px 20px 10px 0px; cursor:pointer}
.photo-item .photo img {width:79px; height:79px;}
.Sidebar .photo-item .last{ margin-right:0px;}
.photo-item .photo span{ display:block;}
.photo-item .photo .Tra_Bg{display:none;  position:absolute; top:0px; left:0px; width:79px; height:79px; background:#000; opacity: 0.3; z-index:9;}
.photo-item .photo .image-remove, .photo-item .photo .image-add{display:none;position:absolute; z-index:99; }
.photo-item .photo .image-remove{left:33px;top:33px; width:14px; height:13px; }
.photo-item .photo .image-add{ left:36px; top:36px; width:15px; height:15px; background-position:0px -25px;}
.photo-item .photo:hover .image-remove, .photo-item .photo:hover .Tra_Bg, .photo-item .photo:hover .image-add{ display:block;}
.photo-item .disabled {opacity:0.4; fliter:alpha(opacity=40); cursor:default;}
.photo-item .disabled .image-add,.photo-item .disabled .Tra_Bg{display:none !important;}

.Sidebar .remove-all{ width:195px; border-top:1px solid #d2d2d2;  color:#494949; padding:8px; text-align:center; text-transform:uppercase;}
.Sidebar .remove-all a {text-decoration:underline;}
.Sidebar .remove-all a:hover{ color:#ff00a8;}
.ContWrapFacebook p, .ContWrapInstagram p{ font-size:14px; color:#494949; padding:20px 20px 20px 0px;}
.ContWrapFacebook{ width:554px; padding: 35px 0px 0px 40px;}
.ContWrapFacebook .Facebookbtn, .ContWrap .Instagrambtn{ display:block; width:151px; height:24px; background:url(../images_new/details-show/facebook.jpg) no-repeat; margin-left:157px;}
.ContWrap .Instagrambtn{ width:150px; background:url(../images_new/details-show/instagram.jpg) no-repeat;}
.ContWrapPhoto .photo-itemLeft{ float:left;}
.ContWrapPhoto .selected-photos{ height:320px; overflow-y: auto;}
.ContWrapInstag .selected-photos{ height:350px; overflow-y: auto;}
.ContWrapPhoto .selected-photos .photo-item .photo img {width:87px; height:87px;}
.ContWrapPhoto .selected-photos .photo-item .photo{ float:left; width:87px; height:87px; margin:0px 13px 13px 0px; display:block; }
.ContWrapPhoto .selected-photos .photo-item .photo .Tra_Bg {width:87px; height:87px;}
.ContWrapPhoto .Column{ margin:0px 0px 15px; margin-top:-15px;}
.ContWrapPhoto .Column .photoTitle {font-style:normal; height:30px; overflow:hidden; display:block;}
.ContWrapPhoto .Column span{ display:block; float:left; height:30px; line-height:30px; margin-right:5px;}
.Column .filterItems{ position:relative; float:left; width:116px; height:28px; line-height:28px; font-size:14px; border: 1px solid #e5e5e5; padding: 0px 7px; cursor:pointer;}
.Column .filterItems .bt_arrow {background: url(../buyer_new/images/master/list_btn.png?t=20160202) no-repeat; float: right; display: block; width: 9px; height: 14px; background-position: 0px -37px; padding-right: 0px; margin: 9px 0px 3px 8px;}
.Column .filterItems .Filter_Menu{ background:#FFF; display:none; position:absolute; left:-1px; top:28px; width:116px; border: 1px solid #e5e5e5; padding: 0px 7px 5px; z-index:999;}
.Column .filterItems .Filter_Menu li {height:30px; line-height:30px; overflow:hidden;}
.Column .filterItems .Filter_Menu li:hover {color:#ff00a8; cursor:pointer;}
.Column .filterItems:hover .Filter_Menu{ display:block !important;}
.ContWrapInstagram, .ContWrapPhoto,.ContWrapInstagram, .ContWrapInstag{ padding:35px 0px 0px 40px; width:554px;}




.AddPhoto_Succeesd .AddSucceed_Tip{ text-align:center; font-size:14px; line-height:18px; padding-top:90px;}
.AddPhoto_Succeesd  .AddSucceed_Text{ padding:65px 60px 50px; overflow:hidden;}
.AddPhoto_Succeesd  .AddSucceed_Text li{ float:left; width:338px; text-align:center; padding-bottom:95px;}
.AddSucceed_Text .Line_Right{ border-right:#c3c3c3 solid 1px; padding-right:20px; margin-right:20px;}
.AddSucceed_Text .TipTitle{ font-size:24px; line-height:36px; padding:10px 0 5px;}
.AddSucceed_Text .TipText{ font-size:14px; line-height:24px; padding-bottom:40px;}
.AddSucceed_Text .MoreButton .InputBtn{ font-size:14px; width:157px;}
.AddSucceed_Text .ShopingButton{ padding-top:15px;}
.AddSucceed_Text .ShopingButton .InputBtn{ width:173px;}

#showBigPic .ajaxLoad {width:648px; height:561px; text-align:center; margin:100px auto 0; padding:16px 13px 35px 10px; background:#fff;}
#showBigPic .ajaxLoad img {margin-top:224px;}