main.6ed37a.js

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "./";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';

	__webpack_require__(1);

	__webpack_require__(11);

	var _viewer = __webpack_require__(14);

	var _viewer2 = _interopRequireDefault(_viewer);

	var _share = __webpack_require__(24);

	var _share2 = _interopRequireDefault(_share);

	var _util = __webpack_require__(27);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	// 分享
	// 样式

	// 上报
	(0, _util.addLoadEvent)(function () {
		_share2.default.init();
		_viewer2.default.init();
	});
	// 图片查看器

/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {

	// style-loader: Adds some css to the DOM by adding a <style> tag

	// load the styles
	var content = __webpack_require__(2);
	if(typeof content === 'string') content = [[module.id, content, '']];
	// add the styles to the DOM
	var update = __webpack_require__(10)(content, {});
	if(content.locals) module.exports = content.locals;
	// Hot Module Replacement
	if(false) {
		// When the styles change, update the <style> tags
		if(!content.locals) {
			module.hot.accept("!!../../node_modules/css-loader/index.js?-autoprefixer!../../node_modules/postcss-loader/index.js!../../node_modules/sass-loader/index.js!./main.scss", function() {
				var newContent = require("!!../../node_modules/css-loader/index.js?-autoprefixer!../../node_modules/postcss-loader/index.js!../../node_modules/sass-loader/index.js!./main.scss");
				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
				update(newContent);
			});
		}
		// When the module is disposed, remove the <style> tags
		module.hot.dispose(function() { update(); });
	}

/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {

	exports = module.exports = __webpack_require__(3)();
	// imports


	// module
	exports.push([module.id, "@charset \"UTF-8\";\n.clearfix::before, .clearfix::after {\n  content: \"\";\n  display: table; }\n\n.clearfix::after {\n  clear: both; }\n\n.left-col.show {\n  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75); }\n\n.mid-col, .mid-col.show .article, .tools-col, .tools-col .tools-section .search-wrap .icon, .tools-col .tools-section .search-tag.tagcloud .article-tag-list, .tools-col .tools-section .search-ul .search-title:hover, .tools-col .tools-section .search-ul .search-time span:hover, .tools-col .tools-section .search-ul .search-tag span:hover {\n  transition: all 0.2s ease-in;\n  -ms-transition: all 0.2s ease-in; }\n\n/*弹性动画*/\n@-webkit-keyframes leftIn {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(358px, 0, 0);\n            transform: translate3d(358px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(323px, 0, 0);\n            transform: translate3d(323px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(338px, 0, 0);\n            transform: translate3d(338px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(333px, 0, 0);\n            transform: translate3d(333px, 0, 0); } }\n@keyframes leftIn {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(358px, 0, 0);\n            transform: translate3d(358px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(323px, 0, 0);\n            transform: translate3d(323px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(338px, 0, 0);\n            transform: translate3d(338px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(333px, 0, 0);\n            transform: translate3d(333px, 0, 0); } }\n\n.mid-col.show {\n  -webkit-animation-duration: .8s;\n          animation-duration: .8s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-name: leftIn;\n          animation-name: leftIn; }\n\n@-webkit-keyframes leftOut {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(333px, 0, 0);\n            transform: translate3d(333px, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(-25px, 0, 0);\n            transform: translate3d(-25px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(10px, 0, 0);\n            transform: translate3d(10px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(-5px, 0, 0);\n            transform: translate3d(-5px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); } }\n\n@keyframes leftOut {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(333px, 0, 0);\n            transform: translate3d(333px, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(-25px, 0, 0);\n            transform: translate3d(-25px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(10px, 0, 0);\n            transform: translate3d(10px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(-5px, 0, 0);\n            transform: translate3d(-5px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); } }\n\n.mid-col.hide {\n  -webkit-animation-duration: .8s;\n          animation-duration: .8s;\n  -webkit-animation-name: leftOut;\n          animation-name: leftOut; }\n\n@-webkit-keyframes smallLeftIn {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(325px, 0, 0);\n            transform: translate3d(325px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(290px, 0, 0);\n            transform: translate3d(290px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(305px, 0, 0);\n            transform: translate3d(305px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(300px, 0, 0);\n            transform: translate3d(300px, 0, 0); } }\n\n@keyframes smallLeftIn {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(325px, 0, 0);\n            transform: translate3d(325px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(290px, 0, 0);\n            transform: translate3d(290px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(305px, 0, 0);\n            transform: translate3d(305px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(300px, 0, 0);\n            transform: translate3d(300px, 0, 0); } }\n\n.tools-col.show {\n  -webkit-animation-duration: .8s;\n          animation-duration: .8s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-name: smallLeftIn;\n          animation-name: smallLeftIn; }\n\n@-webkit-keyframes smallleftOut {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(333px, 0, 0);\n            transform: translate3d(333px, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(-25px, 0, 0);\n            transform: translate3d(-25px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(10px, 0, 0);\n            transform: translate3d(10px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(-5px, 0, 0);\n            transform: translate3d(-5px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); } }\n\n@keyframes smallleftOut {\n  from, 60%, 75%, 90%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n  0% {\n    -webkit-transform: translate3d(333px, 0, 0);\n            transform: translate3d(333px, 0, 0); }\n  60% {\n    -webkit-transform: translate3d(-25px, 0, 0);\n            transform: translate3d(-25px, 0, 0); }\n  75% {\n    -webkit-transform: translate3d(10px, 0, 0);\n            transform: translate3d(10px, 0, 0); }\n  90% {\n    -webkit-transform: translate3d(-5px, 0, 0);\n            transform: translate3d(-5px, 0, 0); }\n  to {\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0); } }\n\n.tools-col.hide {\n  -webkit-animation-duration: .8s;\n          animation-duration: .8s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-name: smallleftOut;\n          animation-name: smallleftOut; }\n\nhtml {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: transparent;\n  height: 100%; }\n\nbody {\n  margin: 0;\n  font-size: 14px;\n  font-family: \"Helvetica Neue\", Helvetica, STHeiTi, Arial, sans-serif;\n  line-height: 1.5;\n  color: #333;\n  background-color: #fff;\n  min-height: 100%; }\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block; }\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block; }\n\naudio:not([controls]) {\n  display: none;\n  height: 0; }\n\nprogress {\n  vertical-align: baseline; }\n\n[hidden],\ntemplate {\n  display: none; }\n\na {\n  background: transparent;\n  text-decoration: none;\n  color: #08c; }\n  a:active {\n    outline: 0; }\n\nabbr[title] {\n  border-bottom: 1px dotted; }\n\nb,\nstrong {\n  font-weight: bold; }\n\ndfn {\n  font-style: italic; }\n\nmark {\n  background: #ff0;\n  color: #000; }\n\nsmall {\n  font-size: 80%; }\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsup {\n  top: -0.5em; }\n\nsub {\n  bottom: -0.25em; }\n\nimg {\n  border: 0;\n  vertical-align: middle;\n  max-width: 100%; }\n\nsvg:not(:root) {\n  overflow: hidden; }\n\npre {\n  overflow: auto;\n  white-space: pre;\n  white-space: pre-wrap;\n  word-wrap: break-word; }\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em; }\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n  vertical-align: middle; }\n\nbutton,\ninput,\nselect {\n  overflow: visible; }\n\nbutton,\nselect {\n  text-transform: none; }\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button;\n  cursor: pointer; }\n\n[disabled] {\n  cursor: default; }\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0; }\n\ninput {\n  line-height: normal; }\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box;\n  padding: 0; }\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\ninput[type=\"search\"] {\n  -webkit-appearance: textfield;\n  box-sizing: border-box; }\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em; }\n\nlegend {\n  border: 0;\n  padding: 0; }\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n  vertical-align: top; }\n\noptgroup {\n  font-weight: bold; }\n\ninput,\nselect,\ntextarea,\nbutton {\n  outline: 0; }\n\ntextarea,\ninput {\n  -webkit-user-modify: read-write-plaintext-only; }\n\ninput::-ms-clear,\ninput::-ms-reveal {\n  display: none; }\n\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  color: #999; }\n\ninput:-ms-input-placeholder,\ntextarea:-ms-input-placeholder {\n  color: #999; }\n\ninput::-webkit-input-placeholder,\ntextarea::-webkit-input-placeholder {\n  color: #999; }\n\n.placeholder {\n  color: #999; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\ntd,\nth {\n  padding: 0; }\n\nh1, h2, h3, h4, h5, h6, p, figure, form, blockquote {\n  margin: 0; }\n\nul, ol, li, dl, dd {\n  margin: 0;\n  padding: 0; }\n\nul, ol {\n  list-style: none outside none; }\n\nh1, h2, h3 {\n  line-height: 2;\n  font-weight: normal; }\n\nh1 {\n  font-size: 18px; }\n\nh2 {\n  font-size: 16px; }\n\nh3 {\n  font-size: 14px; }\n\ni {\n  font-style: normal; }\n\n* {\n  box-sizing: border-box; }\n\n@font-face {\n  font-family: \"iconfont\";\n  src: url(" + __webpack_require__(4) + ");\n  /* IE9*/\n  src: url(" + __webpack_require__(4) + "#iefix) format(\"embedded-opentype\"), url(" + __webpack_require__(5) + ") format(\"woff\"), url(" + __webpack_require__(6) + ") format(\"truetype\"), url(" + __webpack_require__(7) + "#iconfont) format(\"svg\");\n  /* iOS 4.1- */ }\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'iconfont' !important;\n  speak: none;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\n.icon-twitter:before {\n  content: \"\\E600\"; }\n\n.icon-facebook:before {\n  content: \"\\E601\"; }\n\n.icon-clock:before {\n  content: \"\\E602\"; }\n\n.icon-mail:before {\n  content: \"\\E609\"; }\n\n.icon-link:before {\n  content: \"\\E6AB\"; }\n\n.icon-search:before {\n  content: \"\\E65B\"; }\n\n.icon-smile:before {\n  content: \"\\E64A\"; }\n\n.icon-roundrightfill:before {\n  content: \"\\E65A\"; }\n\n.icon-list:before {\n  content: \"\\E682\"; }\n\n.icon-book:before {\n  content: \"\\E6FE\"; }\n\n.icon-home:before {\n  content: \"\\E6BB\"; }\n\n.icon-share:before {\n  content: \"\\E618\"; }\n\n.icon-back:before {\n  content: \"\\E625\"; }\n\n.icon-qq:before {\n  content: \"\\E62D\"; }\n\n.icon-weibo:before {\n  content: \"\\E619\"; }\n\n.icon-segmentfault:before {\n  content: \"\\E603\"; }\n\n.icon-sort:before {\n  content: \"\\E700\"; }\n\n.icon-jianshu:before {\n  content: \"\\E613\"; }\n\n.icon-circle-left:before {\n  content: \"\\E71F\"; }\n\n.icon-circle-right:before {\n  content: \"\\E720\"; }\n\n.icon-loading:before {\n  content: \"\\E614\"; }\n\n.icon-acfun:before {\n  content: \"\\E604\"; }\n\n.icon-close:before {\n  content: \"\\E60C\"; }\n\n.icon-tumblr:before {\n  content: \"\\E6B0\"; }\n\n.icon-calendar:before {\n  content: \"\\E667\"; }\n\n.icon-rss:before {\n  content: \"\\E877\"; }\n\n.icon-price-tags:before {\n  content: \"\\E6F9\"; }\n\n.icon-quo-left:before {\n  content: \"\\E7F5\"; }\n\n.icon-quo-right:before {\n  content: \"\\E7F6\"; }\n\n.icon-back1:before {\n  content: \"\\E64E\"; }\n\n.icon-github:before {\n  content: \"\\E735\"; }\n\n.icon-film:before {\n  content: \"\\E7B7\"; }\n\n.icon-weixin:before {\n  content: \"\\E61F\"; }\n\n.icon-qzone:before {\n  content: \"\\E680\"; }\n\n.icon-douban:before {\n  content: \"\\E64C\"; }\n\n.icon-roundleftfill:before {\n  content: \"\\E799\"; }\n\n.icon-tuding:before {\n  content: \"\\E651\"; }\n\n.icon-zhihu:before {\n  content: \"\\E61B\"; }\n\n.icon-linkedin:before {\n  content: \"\\E6D4\"; }\n\n.icon-google:before {\n  content: \"\\E635\"; }\n\n.icon-bilibili:before {\n  content: \"\\E622\"; }\n\nbody, button, input, select, textarea {\n  color: #1a1a1a;\n  font-family: \"lucida grande\", \"lucida sans unicode\", lucida, helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n  font-size: 16px;\n  font-size: 1rem;\n  line-height: 1.75; }\n\nbody {\n  overflow-y: hidden;\n  background: #eaeaea; }\n\nhtml, body, #container {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto; }\n\n#mobile-nav {\n  display: none; }\n\n#container {\n  position: relative;\n  min-height: 100%; }\n  #container .anm-canvas {\n    display: none; }\n  #container.show .anm-canvas {\n    display: block;\n    position: fixed; }\n\n.body-wrap {\n  margin-bottom: 80px; }\n\n.mid-col {\n  position: absolute;\n  right: 0;\n  min-height: 100%;\n  background: #eaeaea;\n  left: 300px;\n  width: auto; }\n  .mid-col.show {\n    background: none;\n    opacity: .9; }\n    .mid-col.show .article {\n      background: rgba(255, 255, 255, 0.3); }\n\n.left-col {\n  background: #fff;\n  width: 300px;\n  position: fixed;\n  opacity: 1;\n  transition: all .2s ease-in;\n  height: 100%;\n  z-index: 999; }\n  .left-col .overlay {\n    width: 100%;\n    height: 180px;\n    position: absolute; }\n  .left-col .intrude-less {\n    width: 76%;\n    text-align: center;\n    margin: 112px auto 0; }\n  .left-col #header {\n    width: 100%;\n    height: 300px;\n    position: relative;\n    border-bottom: 1px solid color-border; }\n    .left-col #header a {\n      color: #696969; }\n      .left-col #header a:hover {\n        color: #B0A0AA; }\n    .left-col #header .header-subtitle {\n      text-align: center;\n      color: #999;\n      font-size: 14px;\n      line-height: 25px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical; }\n    .left-col #header .header-menu {\n      font-weight: 300;\n      line-height: 31px;\n      text-transform: uppercase;\n      float: none;\n      min-height: 150px;\n      margin-left: -12px;\n      text-align: center;\n      display: -webkit-box;\n      -webkit-box-orient: horizontal;\n      -webkit-box-pack: center;\n      -webkit-box-align: center; }\n      .left-col #header .header-menu li {\n        cursor: default; }\n        .left-col #header .header-menu li a {\n          font-size: 14px;\n          min-width: 300px; }\n    .left-col #header .header-smart-menu {\n      font-size: 12px;\n      margin-bottom: 20px; }\n      .left-col #header .header-smart-menu a:after {\n        content: '/'; }\n      .left-col #header .header-smart-menu a:last-child:after {\n        content: ''; }\n    .left-col #header .profilepic {\n      text-align: center;\n      display: block;\n      border: 5px solid #fff;\n      border-radius: 300px;\n      width: 128px;\n      height: 128px;\n      margin: 0 auto;\n      position: relative;\n      overflow: hidden;\n      background: #88acdb;\n      -webkit-transition: all 0.2s ease-in;\n      display: -webkit-box;\n      -webkit-box-orient: horizontal;\n      -webkit-box-pack: center;\n      -webkit-box-align: center;\n      text-align: center; }\n      .left-col #header .profilepic img {\n        border-radius: 300px;\n        opacity: 1;\n        -webkit-transition: all 0.2s ease-in; }\n        .left-col #header .profilepic img.show {\n          width: 100%;\n          height: 100%;\n          opacity: 1; }\n      .left-col #header .profilepic:hover {\n        width: 110%;\n        height: 110%; }\n    .left-col #header .header-author {\n      text-align: center;\n      margin: 0.67em 0;\n      font-family: Roboto, \"Roboto\", serif;\n      font-size: 30px;\n      transition: 0.3s; }\n\n/* 设置滚动条的样式 */\n::-webkit-scrollbar {\n  width: 10px;\n  height: 10px; }\n\n::-webkit-scrollbar-button {\n  width: 0;\n  height: 0; }\n\n::-webkit-scrollbar-button:start:increment, ::-webkit-scrollbar-button:end:decrement {\n  display: none; }\n\n::-webkit-scrollbar-corner {\n  display: block; }\n\n::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  background-color: rgba(0, 0, 0, 0.2); }\n\n::-webkit-scrollbar-thumb:hover {\n  border-radius: 8px;\n  background-color: rgba(0, 0, 0, 0.5); }\n\n::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {\n  border-right: 1px solid transparent;\n  border-left: 1px solid transparent; }\n\n::-webkit-scrollbar-track:hover {\n  background-color: rgba(0, 0, 0, 0.15); }\n\n::-webkit-scrollbar-button:start {\n  width: 10px;\n  height: 10px;\n  background: url(" + __webpack_require__(8) + ") no-repeat 0 0; }\n\n::-webkit-scrollbar-button:start:hover {\n  background: url(" + __webpack_require__(8) + ") no-repeat -15px 0; }\n\n::-webkit-scrollbar-button:start:active {\n  background: url(" + __webpack_require__(8) + ") no-repeat -30px 0; }\n\n::-webkit-scrollbar-button:end {\n  width: 10px;\n  height: 10px;\n  background: url(" + __webpack_require__(8) + ") no-repeat 0 -18px; }\n\n::-webkit-scrollbar-button:end:hover {\n  background: url(" + __webpack_require__(8) + ") no-repeat -15px -18px; }\n\n::-webkit-scrollbar-button:end:active {\n  background: url(" + __webpack_require__(8) + ") no-repeat -30px -18px; }\n\n.article-entry pre,\n.article-entry .highlight {\n  background: #272822;\n  margin: 10px 0;\n  padding: 10px 10px;\n  overflow: auto;\n  color: #fff;\n  font-size: 0.9em;\n  line-height: 22.400000000000002px; }\n\n.article-entry .highlight .gutter pre,\n.article-entry .highlight .gutter pre .line,\n.article-entry .gist .gist-file .gist-data .line-numbers {\n  color: #666; }\n\n.article-entry pre,\n.article-entry code {\n  font-family: \"Source Code Pro\", Consolas, Monaco, Menlo, Consolas, monospace; }\n\n.article-entry code {\n  background: #eee;\n  padding: 0 0.3em;\n  border: none; }\n\n.article-entry pre code {\n  background: none;\n  text-shadow: none;\n  padding: 0;\n  color: #fff; }\n\n.article-entry .highlight {\n  border-radius: 4px; }\n\n.article-entry .highlight pre {\n  border: none;\n  margin: 0;\n  padding: 0; }\n\n.article-entry .highlight table {\n  margin: 0;\n  width: auto; }\n\n.article-entry .highlight td {\n  border: none;\n  padding: 0; }\n\n.article-entry .highlight figcaption {\n  color: highlight-comment;\n  line-height: 1em;\n  margin-bottom: 1em; }\n\n.article-entry .highlight figcaption:before,\n.article-entry .highlight figcaption:after {\n  content: \"\";\n  display: table; }\n\n.article-entry .highlight figcaption:after {\n  clear: both; }\n\n.article-entry .highlight figcaption a {\n  float: right; }\n\n.article-entry .highlight .gutter pre {\n  text-align: right;\n  padding-right: 20px; }\n\n.article-entry .highlight .gutter pre .line {\n  text-shadow: none; }\n\n.article-entry .highlight .line {\n  color: #fff;\n  min-height: 19px; }\n\n.article-entry .gist {\n  margin: 0 -20px;\n  border-style: solid;\n  border-color: #ddd;\n  border-width: 1px 0;\n  background: #272822;\n  padding: 15px 20px 15px 0; }\n\n.article-entry .gist .gist-file {\n  border: none;\n  font-family: \"Source Code Pro\", Consolas, Monaco, Menlo, Consolas, monospace;\n  margin: 0; }\n\n.article-entry .gist .gist-file .gist-data {\n  background: none;\n  border: none; }\n\n.article-entry .gist .gist-file .gist-data .line-numbers {\n  background: none;\n  border: none;\n  padding: 0 20px 0 0; }\n\n.article-entry .gist .gist-file .gist-data .line-data {\n  padding: 0 !important; }\n\n.article-entry .gist .gist-file .highlight {\n  margin: 0;\n  padding: 0;\n  border: none; }\n\n.article-entry .gist .gist-file .gist-meta {\n  background: #272822;\n  color: highlight-comment;\n  font: 0.85em \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  text-shadow: 0 0;\n  padding: 0;\n  margin-top: 1em;\n  margin-left: 20px; }\n\n.article-entry .gist .gist-file .gist-meta a {\n  color: #258fb8;\n  font-weight: normal; }\n\n.article-entry .gist .gist-file .gist-meta a:hover {\n  text-decoration: underline; }\n\npre .comment {\n  color: #75715e; }\n\npre .keyword,\npre .function .keyword,\npre .class .params {\n  color: #66d9ef; }\n\npre .tag,\npre .doctype,\npre .params,\npre .function,\npre .css .value {\n  color: #fff; }\n\npre .css ~ * .tag,\npre .title,\npre .at_rule,\npre .at_rule .keyword,\npre .preprocessor,\npre .preprocessor .keyword {\n  color: #f92672; }\n\npre .attribute,\npre .built_in,\npre .class,\npre .css ~ * .class,\npre .function .title {\n  color: #a6e22e; }\n\npre .value,\npre .string {\n  color: #e6db74; }\n\npre .number {\n  color: #7163d7; }\n\npre .id,\npre .css ~ * .id {\n  color: #fd971f; }\n\n#header .tagcloud a {\n  color: #fff; }\n\n.tagcloud a {\n  display: inline-block;\n  text-decoration: none;\n  font-weight: normal;\n  font-size: 10px;\n  color: #fff;\n  height: 18px;\n  line-height: 18px;\n  float: left;\n  padding: 0 5px 0px 10px;\n  position: relative;\n  border-radius: 0 5px 5px 0;\n  margin: 5px 9px 5px 8px;\n  font-family: Menlo, Monaco, \"Andale Mono\", \"lucida console\", \"Courier New\", monospace; }\n  .tagcloud a:hover {\n    opacity: 0.8; }\n  .tagcloud a:before {\n    content: \" \";\n    width: 0px;\n    height: 0px;\n    position: absolute;\n    top: 0;\n    left: -18px;\n    border: 9px solid transparent; }\n  .tagcloud a:after {\n    content: \" \";\n    width: 4px;\n    height: 4px;\n    background-color: #fff;\n    border-radius: 4px;\n    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3);\n    position: absolute;\n    top: 7px;\n    left: 2px; }\n\n.tagcloud a.color1 {\n  background: #FF945C; }\n  .tagcloud a.color1:before {\n    border-right-color: #FF945C; }\n\n.tagcloud a.color2 {\n  background: #cc8167; }\n  .tagcloud a.color2:before {\n    border-right-color: #cc8167; }\n\n.tagcloud a.color3 {\n  background: #BA8F6C; }\n  .tagcloud a.color3:before {\n    border-right-color: #BA8F6C; }\n\n.tagcloud a.color4 {\n  background: #94635c; }\n  .tagcloud a.color4:before {\n    border-right-color: #94635c; }\n\n.tagcloud a.color5 {\n  background: #7B5D5F; }\n  .tagcloud a.color5:before {\n    border-right-color: #7B5D5F; }\n\n.article-tag-list .article-tag-list-item {\n  float: left; }\n\n.article-pop-out {\n  float: left; }\n  .article-pop-out .icon-tuding {\n    color: #999;\n    float: left;\n    margin-right: 10px;\n    margin-top: 6px; }\n\n.article-tag, .article-category {\n  float: left; }\n  .article-tag .article-tag-list, .article-category .article-tag-list {\n    float: left; }\n  .article-tag .icon, .article-category .icon {\n    color: #999;\n    float: left;\n    margin-right: 10px;\n    margin-top: 6px; }\n\n.article-pop-out {\n  float: left; }\n\n.archive-article-date {\n  color: #999;\n  margin-right: 7.6923%;\n  float: right; }\n  .archive-article-date .icon {\n    margin: 5px 5px 5px 0; }\n\n.glass {\n  background-color: rgba(54, 70, 93, 0.9);\n  left: 0;\n  opacity: 1;\n  z-index: 998;\n  transition: opacity .15s;\n  bottom: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: none; }\n\n.tagcloud-ctn {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 90120;\n  background-size: 100% 100%;\n  opacity: 1; }\n  .tagcloud-ctn .tagcloud-global {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    margin-top: -115px;\n    margin-left: -315px;\n    width: 630px; }\n    .tagcloud-ctn .tagcloud-global a {\n      width: 80px;\n      height: 80px;\n      border-radius: 50%;\n      background: #F2992E;\n      color: #fff;\n      display: block;\n      float: left;\n      line-height: 80px;\n      text-align: center; }\n    .tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(1) .post-type-icon {\n      background: #F2992E; }\n    .tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(2) .post-type-icon {\n      background: #56BC8A; }\n    .tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(3) .post-type-icon {\n      background: #4AA8D8; }\n    .tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(4) .post-type-icon {\n      background: #A77DC2; }\n    .tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(5) .post-type-icon {\n      background: #DD765D; }\n\n#header .header-nav {\n  width: 100%;\n  position: absolute;\n  transition: -webkit-transform .3s ease-in;\n  transition: transform .3s ease-in;\n  transition: transform .3s ease-in, -webkit-transform .3s ease-in; }\n  #header .header-nav .social {\n    margin-top: 10px;\n    text-align: center;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n    #header .header-nav .social a {\n      border-radius: 50%;\n      display: -moz-inline-stack;\n      display: inline-block;\n      vertical-align: middle;\n      *vertical-align: auto;\n      zoom: 1;\n      *display: inline;\n      margin: 0 8px 15px 8px;\n      transition: 0.3s;\n      text-align: center;\n      color: #fff;\n      opacity: 0.7;\n      width: 28px;\n      height: 28px;\n      line-height: 26px; }\n      #header .header-nav .social a:hover {\n        opacity: 1; }\n    #header .header-nav .social a.weibo {\n      background: #aaaaff;\n      border: 1px solid #aaaaff; }\n      #header .header-nav .social a.weibo:hover {\n        border: 1px solid #aaaaff; }\n    #header .header-nav .social a.segmentfault {\n      background: #009a61;\n      border: 1px solid #009a61; }\n      #header .header-nav .social a.segmentfault:hover {\n        border: 1px solid #009a61; }\n    #header .header-nav .social a.rss {\n      background: #ef7522;\n      border: 1px solid #ef7522; }\n      #header .header-nav .social a.rss:hover {\n        border: 1px solid #cf5d0f; }\n    #header .header-nav .social a.github {\n      background: #afb6ca;\n      border: 1px solid #afb6ca; }\n      #header .header-nav .social a.github:hover {\n        border: 1px solid #909ab6; }\n    #header .header-nav .social a.facebook {\n      background: #3b5998;\n      border: 1px solid #3b5998; }\n      #header .header-nav .social a.facebook:hover {\n        border: 1px solid #2d4373; }\n    #header .header-nav .social a.google {\n      background: #c83d20;\n      border: 1px solid #c83d20; }\n      #header .header-nav .social a.google:hover {\n        border: 1px solid #9c3019; }\n    #header .header-nav .social a.twitter {\n      background: #55cff8;\n      border: 1px solid #55cff8; }\n      #header .header-nav .social a.twitter:hover {\n        border: 1px solid #24c1f6; }\n    #header .header-nav .social a.linkedin {\n      background: #005a87;\n      border: 1px solid #005a87; }\n      #header .header-nav .social a.linkedin:hover {\n        border: 1px solid #006b98; }\n    #header .header-nav .social a.acfun {\n      background: #fd4c5d;\n      border: 1px solid #fd4c5d; }\n      #header .header-nav .social a.acfun:hover {\n        border: 1px solid #fd4c5d; }\n    #header .header-nav .social a.bilibili {\n      background: #e15280;\n      border: 1px solid #e15280; }\n      #header .header-nav .social a.bilibili:hover {\n        border: 1px solid #e15280; }\n    #header .header-nav .social a.zhihu {\n      background: #0078d8;\n      border: 1px solid #0078d8; }\n      #header .header-nav .social a.zhihu:hover {\n        border: 1px solid #0078d8; }\n    #header .header-nav .social a.douban {\n      background: #06c611;\n      border: 1px solid #06c611; }\n      #header .header-nav .social a.douban:hover {\n        border: 1px solid #06c611; }\n    #header .header-nav .social a.mail {\n      background: #005a87;\n      border: 1px solid #005a87; }\n      #header .header-nav .social a.mail:hover {\n        border: 1px solid #006b98; }\n    #header .header-nav .social a.jianshu {\n      background: #ff5722;\n      border: 1px solid #ff5722; }\n      #header .header-nav .social a.jianshu:hover {\n        border: 1px solid #ff5722; }\n    #header .header-nav .social a.weixin {\n      background: #4caf50;\n      border: 1px solid #4caf50; }\n      #header .header-nav .social a.weixin:hover {\n        border: 1px solid #4caf50; }\n    #header .header-nav .social a.qq {\n      background: #34baad;\n      border: 1px solid #34baad; }\n      #header .header-nav .social a.qq:hover {\n        border: 1px solid #34baad; }\n\n#page-nav {\n  text-align: center;\n  margin-top: 30px; }\n  #page-nav .page-number {\n    width: 20px;\n    height: 25px;\n    background: #4d4d4d;\n    display: inline-block;\n    color: #fff;\n    line-height: 25px;\n    font-size: 12px;\n    margin: 0 5px 30px;\n    border-radius: 2px; }\n    #page-nav .page-number:hover {\n      background: #5e5e5e; }\n  #page-nav .current {\n    background: #88acdb;\n    cursor: default; }\n    #page-nav .current:hover {\n      background: #88acdb; }\n  #page-nav .extend {\n    color: #4d4d4d;\n    margin: 0 27px;\n    opacity: 1; }\n    #page-nav .extend:hover {\n      color: #5e5e5e; }\n  #page-nav:hover .extend {\n    opacity: 1; }\n\n.archives-wrap {\n  position: relative;\n  margin: 0 30px;\n  padding-right: 60px;\n  border-bottom: 1px solid #eee;\n  background: #fff; }\n  .archives-wrap:first-child {\n    margin-top: 30px; }\n  .archives-wrap:last-child {\n    margin-bottom: 80px; }\n  .archives-wrap .archive-year-wrap {\n    line-height: 35px;\n    width: 200px;\n    position: absolute;\n    padding-top: 15px;\n    font-size: 1.8em;\n    z-index: 1; }\n  .archives-wrap .archive-year-wrap a {\n    color: #666;\n    font-weight: bold;\n    padding-left: 48px; }\n\n.archives {\n  position: relative; }\n  .archives .article-info {\n    border: none; }\n  .archives .archive-article {\n    margin-left: 200px;\n    padding: 20px 0;\n    border-bottom: 1px solid #eee;\n    border-top: 1px solid #fff;\n    position: relative; }\n    .archives .archive-article:first-child {\n      border-top: none; }\n    .archives .archive-article:last-child {\n      border-bottom: none; }\n  .archives .archive-article-title {\n    font-size: 16px;\n    color: #333;\n    transition: color 0.3s; }\n    .archives .archive-article-title:hover {\n      color: #657b83; }\n    .archives .archive-article-title span {\n      display: block;\n      color: #a8a8a8;\n      font-size: 12px;\n      line-height: 14px;\n      height: 7px;\n      padding-left: 2px; }\n      .archives .archive-article-title span:before {\n        display: inline-block;\n        content: \"\\201C\";\n        font-family: serif;\n        font-size: 30px;\n        float: left;\n        margin: 4px 4px 0 -12px;\n        color: #c8c8c8; }\n\n.archive-article-inner .icon-clock {\n  margin-right: 5px; }\n\n.archive-article-inner .archive-article-header {\n  position: relative;\n  min-height: 36px; }\n\n.archive-article-inner .article-meta {\n  position: relative;\n  float: right;\n  margin-top: -10px;\n  color: #555;\n  background: none;\n  text-align: right;\n  width: auto; }\n  .archive-article-inner .article-meta .article-date time {\n    color: #aaa; }\n  .archive-article-inner .article-meta .archive-article-date, .archive-article-inner .article-meta .article-tag-list {\n    margin-right: 30px;\n    display: -moz-inline-stack;\n    display: inline-block;\n    vertical-align: middle;\n    zoom: 1;\n    color: #666;\n    font-size: 14px; }\n  .archive-article-inner .article-meta .archive-article-date {\n    cursor: default;\n    font-size: 12px;\n    margin-bottom: 5px;\n    margin-top: -10px;\n    margin-right: 0; }\n  .archive-article-inner .article-meta .article-category:before {\n    float: left;\n    margin-top: 1px;\n    left: 15px; }\n  .archive-article-inner .article-meta .article-category .article-category-link {\n    width: auto;\n    max-width: 83px;\n    padding-left: 10px; }\n  .archive-article-inner .article-meta .article-tag-list {\n    margin-top: 0px; }\n    .archive-article-inner .article-meta .article-tag-list:before {\n      left: 15px; }\n    .archive-article-inner .article-meta .article-tag-list .article-tag-list-item {\n      display: inline-block;\n      width: auto;\n      max-width: 83px;\n      padding-left: 8px;\n      font-size: 12px; }\n\n.tools-col {\n  width: 360px;\n  height: 100%;\n  position: fixed;\n  left: 0;\n  top: 0;\n  z-index: 998;\n  padding: 0;\n  opacity: 0;\n  -webkit-overflow-scrolling: touch;\n  overflow-scrolling: touch; }\n  .tools-col.show {\n    opacity: 1; }\n  .tools-col.hide {\n    z-index: 0; }\n  .tools-col .tools-nav {\n    display: none; }\n  .tools-col .tools-wrap, .tools-col .tools-section {\n    height: 100%;\n    color: #e5e5e5;\n    width: 360px;\n    overflow: hidden;\n    overflow-y: auto; }\n    .tools-col .tools-wrap ::-webkit-scrollbar, .tools-col .tools-section ::-webkit-scrollbar {\n      display: none; }\n  .tools-col .tools-section .search-wrap {\n    width: 310px;\n    margin: 20px 20px 10px 20px;\n    position: relative; }\n    .tools-col .tools-section .search-wrap .search-ipt {\n      width: 310px;\n      color: #fff;\n      background: none;\n      border: none;\n      border-bottom: 2px solid #fff;\n      font-family: Roboto, \"Roboto\", serif; }\n    .tools-col .tools-section .search-wrap .icon {\n      position: absolute;\n      right: 0;\n      top: 7px;\n      color: #fff;\n      cursor: pointer; }\n      .tools-col .tools-section .search-wrap .icon:hover {\n        -webkit-transform: scale(1.2);\n                transform: scale(1.2); }\n    .tools-col .tools-section .search-wrap ::-webkit-input-placeholder {\n      color: #ededed; }\n  .tools-col .tools-section .search-tag.tagcloud {\n    text-align: center;\n    position: relative; }\n    .tools-col .tools-section .search-tag.tagcloud .search-tag-wording {\n      font-size: 12px;\n      float: right;\n      margin: 4px 75px 0 0; }\n    .tools-col .tools-section .search-tag.tagcloud .search-switch {\n      width: 40px;\n      height: 25px;\n      display: block; }\n    .tools-col .tools-section .search-tag.tagcloud .search-switch input {\n      width: 40px;\n      height: 14px;\n      position: absolute;\n      top: 0;\n      right: 30px;\n      z-index: 2;\n      border: 0;\n      background: 0 0;\n      -webkit-appearance: none;\n      outline: 0; }\n    .tools-col .tools-section .search-tag.tagcloud .search-switch input:before {\n      content: '';\n      width: 40px;\n      height: 14px;\n      border: 1px solid #bdcabc;\n      background-color: #fdfdfd;\n      border-radius: 20px;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      vertical-align: middle;\n      box-sizing: content-box;\n      box-shadow: #dfdfdf 0 0 0 0 inset;\n      transition: border .4s,box-shadow .4s;\n      background-clip: content-box; }\n    .tools-col .tools-section .search-tag.tagcloud .search-switch input:checked:before {\n      border-color: #64bd63;\n      box-shadow: #64bd63 0 0 0 0.16rem inset;\n      background-color: #64bd63;\n      transition: border .4s,box-shadow .4s,background-color 1.2s; }\n    .tools-col .tools-section .search-tag.tagcloud .search-switch input:checked:after {\n      left: 27px;\n      background: #fff; }\n    .tools-col .tools-section .search-tag.tagcloud .search-switch input:after {\n      content: '';\n      width: 14px;\n      height: 14px;\n      position: absolute;\n      top: 16px;\n      left: 2px;\n      -webkit-transform: translateY(-50%);\n      border-radius: 100%;\n      background-color: #91c0f1;\n      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);\n      transition: left .2s;\n      cursor: pointer; }\n    .tools-col .tools-section .search-tag.tagcloud .article-tag-list {\n      display: none;\n      margin: 15px 10px 0;\n      padding: 10px;\n      background: rgba(255, 255, 255, 0.2); }\n      .tools-col .tools-section .search-tag.tagcloud .article-tag-list.show {\n        display: block; }\n    .tools-col .tools-section .search-tag.tagcloud .a {\n      float: initial; }\n  .tools-col .tools-section .search-ul {\n    margin-top: 10px;\n    color: rgba(77, 77, 77, 0.75);\n    -webkit-overflow-scrolling: touch;\n    overflow-scrolling: touch;\n    overflow-y: auto; }\n    .tools-col .tools-section .search-ul .search-li {\n      padding: 10px 20px;\n      border-bottom: 1px dotted #dcdcdc; }\n      .tools-col .tools-section .search-ul .search-li:hover {\n        background: rgba(255, 255, 255, 0.2); }\n    .tools-col .tools-section .search-ul .search-title {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      display: block;\n      color: #fffff8;\n      text-shadow: 1px 1px rgba(77, 77, 77, 0.25); }\n      .tools-col .tools-section .search-ul .search-title .icon {\n        margin-right: 10px;\n        color: #fffdd8; }\n      .tools-col .tools-section .search-ul .search-title:hover {\n        color: #fff; }\n    .tools-col .tools-section .search-ul .search-time, .tools-col .tools-section .search-ul .search-tag {\n      font-size: 12px;\n      color: #fffdd8;\n      margin-right: 10px; }\n      .tools-col .tools-section .search-ul .search-time .icon, .tools-col .tools-section .search-ul .search-tag .icon {\n        margin-right: 0px; }\n      .tools-col .tools-section .search-ul .search-time span, .tools-col .tools-section .search-ul .search-tag span {\n        cursor: pointer; }\n        .tools-col .tools-section .search-ul .search-time span:hover, .tools-col .tools-section .search-ul .search-tag span:hover {\n          color: #fff; }\n    .tools-col .tools-section .search-ul .search-time {\n      float: left; }\n    .tools-col .tools-section .search-ul .search-tag span {\n      margin-right: 5px; }\n  .tools-col .tools-section-friends {\n    padding-top: 30px; }\n  .tools-col .aboutme-wrap {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    width: 100%;\n    height: 100%;\n    color: #fffdd8;\n    text-shadow: 1px 1px rgba(77, 77, 77, 0.45); }\n\n.body-wrap > article {\n  position: relative; }\n\n@-webkit-keyframes cd-bounce-1 {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale(1); }\n  60% {\n    opacity: 1;\n    -webkit-transform: scale(1.01); }\n  100% {\n    -webkit-transform: scale(1); } }\n\n@keyframes cd-bounce-1 {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale(1);\n    transform: scale(1); }\n  60% {\n    opacity: 1;\n    -webkit-transform: scale(1.01);\n    transform: scale(1.01); }\n  100% {\n    -webkit-transform: scale(1);\n    transform: scale(1); } }\n\n.article {\n  margin: 30px;\n  position: relative;\n  border: 1px solid #ddd;\n  border-top: 1px solid #fff;\n  border-bottom: 1px solid #fff;\n  background: #fff;\n  transition: all 0.2s ease-in;\n  border-radius: 10px;\n  box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.15) !important;\n  /*   &.show{\n    visibility: visible;\n    -webkit-animation: cd-bounce-1 0.6s;\n    -moz-animation: cd-bounce-1 0.6s;\n    animation: cd-bounce-1 0.6s;\n  }\n  &.hidden{\n    visibility: hidden;\n  } */ }\n  .article img {\n    max-width: 100%; }\n\n.article-inner h1.article-title,\n.article-title {\n  margin-left: 0px;\n  font-weight: 300;\n  line-height: 35px;\n  margin-bottom: 20px;\n  font-size: 26px;\n  transition: color 0.3s;\n  color: #696969; }\n\n.article-header {\n  border-left: 5px solid rgba(77, 77, 77, 0.3);\n  padding: 30px 0px 15px 25px;\n  padding-left: 5.6923%;\n  border-top-left-radius: 10px;\n  transition: all .5s; }\n  .article-header:hover {\n    border-color: #4d4d4d; }\n\n.article-meta {\n  width: 150px;\n  font-size: 14;\n  text-align: right;\n  position: absolute;\n  right: 0;\n  top: 23px;\n  text-align: center;\n  z-index: 1; }\n  .article-meta time {\n    color: #aaa; }\n    .article-meta time .icon-clock {\n      margin-right: 8px;\n      font-size: 16px; }\n\n.article-more-link {\n  margin-top: 0;\n  text-align: left;\n  float: right; }\n  .article-more-link a {\n    background: #4d4d4d;\n    color: #fff;\n    font-size: 12px;\n    padding: 5px 8px 5px;\n    line-height: 16px;\n    border-radius: 2px;\n    transition: background 0.3s; }\n    .article-more-link a:hover {\n      background: #3c3c3c; }\n    .article-more-link a.hidden {\n      visibility: hidden; }\n\n.article-info.info-on-right {\n  margin: 10px 0 0 0;\n  float: right; }\n\n.article-info-index.article-info {\n  padding-top: 20px;\n  margin: 30px 7.6923% 0 7.6923%;\n  min-height: 72px;\n  border-top: 1px solid #ddd; }\n\n.article-info-post.article-info {\n  padding: 0;\n  border: none;\n  margin: -30px 0 20px 7.6923%; }\n\n.article-inner p {\n  margin: 0 0 1.75em; }\n\n.article-inner {\n  border-color: #d1d1d1; }\n\n.article-inner h1 {\n  font-size: 28px;\n  font-size: 1.75rem;\n  line-height: 1.25;\n  margin-top: 2em;\n  margin-bottom: 1em; }\n\n.article-inner h2 {\n  font-size: 23px;\n  font-size: 1.4375rem;\n  line-height: 1.2173913043;\n  margin-top: 2.4347826087em;\n  margin-bottom: 1.2173913043em; }\n\n.article-inner h3 {\n  font-size: 19px;\n  font-size: 1.1875rem;\n  line-height: 1.1052631579;\n  margin-top: 2.9473684211em;\n  margin-bottom: 1.4736842105em; }\n\n.article-inner h4,\n.article-inner h5,\n.article-inner h6 {\n  font-size: 16px;\n  font-size: 1rem;\n  line-height: 1.3125;\n  margin-top: 3.5em;\n  margin-bottom: 1.75em; }\n\n.article-inner h4 {\n  letter-spacing: 0.140625em;\n  text-transform: uppercase; }\n\n.article-inner h6 {\n  font-style: italic; }\n\n.article-inner h1,\n.article-inner h2,\n.article-inner h3,\n.article-inner h4,\n.article-inner h5,\n.article-inner h6 {\n  font-weight: 900; }\n\n.article-inner h1:first-child,\n.article-inner h2:first-child,\n.article-inner h3:first-child,\n.article-inner h4:first-child,\n.article-inner h5:first-child,\n.article-inner h6:first-child {\n  margin-top: 0; }\n\n.article-inner h1:first-child {\n  margin-bottom: 10px;\n  display: inline; }\n\n.article-entry {\n  line-height: 1.8em;\n  padding-right: 7.6923%;\n  padding-left: 7.6923%; }\n  .article-entry p {\n    margin-top: 10px; }\n  .article-entry p code, .article-entry li code {\n    padding: 1px 3px;\n    margin: 0 3px;\n    background: #ddd;\n    border: 1px solid #ccc;\n    font-family: Menlo,Monaco,\"Andale Mono\",\"lucida console\",\"Courier New\",monospace;\n    word-wrap: break-word;\n    font-size: 14px; }\n  .article-entry blockquote {\n    background: #ddd;\n    border-left: 5px solid #ccc;\n    padding: 15px 20px;\n    margin-top: 10px;\n    border-left: 5px solid #657b83;\n    background: #f6f6f6; }\n    .article-entry blockquote p {\n      margin-top: 0;\n      margin-bottom: 0; }\n  .article-entry em {\n    font-style: italic; }\n  .article-entry ul li:before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    border: 1px solid #999;\n    border-radius: 10px;\n    background: #aaa;\n    display: inline-block;\n    margin-right: 10px;\n    float: left;\n    margin-top: 10px; }\n  .article-entry ol {\n    counter-reset: item; }\n    .article-entry ol li:before {\n      counter-increment: item;\n      content: counter(item) \".\";\n      margin-right: 10px; }\n  .article-entry ul, .article-entry ol {\n    font-size: 14px;\n    margin: 10px 0px; }\n  .article-entry li ul, .article-entry li ol {\n    margin-left: 30px; }\n    .article-entry li ul li:before, .article-entry li ol li:before {\n      content: \"\";\n      background: #dedede; }\n  .article-entry h1 {\n    margin-top: 30px; }\n  .article-entry h2 {\n    margin-top: 20px;\n    font-weight: bold;\n    color: #574C4C;\n    padding-bottom: 5px;\n    border-bottom: 1px solid #ddd; }\n  .article-entry h3, .article-entry h4, .article-entry h5, .article-entry h6 {\n    margin-top: 20px;\n    font-weight: bold;\n    color: #574C4C;\n    padding-bottom: 5px;\n    border-bottom: 1px solid #ddd; }\n  .article-entry video {\n    max-width: 100%; }\n  .article-entry strong {\n    font-weight: bold; }\n  .article-entry .caption {\n    display: block;\n    font-size: 0.8em;\n    color: #aaa; }\n  .article-entry hr {\n    height: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    border-left: 0;\n    border-right: 0;\n    border-top: 1px solid #DDD;\n    border-bottom: 1px solid #FFF; }\n  .article-entry pre {\n    line-height: 1.5;\n    margin-top: 10px;\n    padding: 5px 15px;\n    overflow-x: auto;\n    color: #657b83;\n    border: 1px solid #ccc;\n    text-shadow: 0 1px #444;\n    font-family: Menlo,Monaco,\"Andale Mono\",\"lucida console\",\"Courier New\",monospace; }\n    .article-entry pre code {\n      font-size: 14px; }\n  .article-entry table {\n    width: 100%;\n    border: 1px solid #dedede;\n    margin: 15px 0;\n    border-collapse: collapse; }\n    .article-entry table tr, .article-entry table td {\n      height: 35px; }\n    .article-entry table thead tr {\n      background: #f8f8f8; }\n    .article-entry table tbody tr:hover {\n      background: #efefef; }\n    .article-entry table td, .article-entry table th {\n      border: 1px solid #dedede;\n      padding: 0 10px; }\n  .article-entry figure table {\n    border: none;\n    width: auto;\n    margin: 0; }\n    .article-entry figure table tbody tr:hover {\n      background: none; }\n\n#article-nav {\n  margin: 0 0 20px 0;\n  padding: 0 32px 10px;\n  min-height: 30px; }\n\n#article-nav .article-nav-link-wrap {\n  font-size: 14px; }\n\n#article-nav .article-nav-link-wrap .article-nav-title {\n  display: inline-block;\n  font-size: 16px;\n  transition: color 0.3s; }\n\n#article-nav .article-nav-link-wrap:hover i {\n  color: #4d4d4d; }\n\n#article-nav .article-nav-link-wrap:hover .article-nav-title {\n  color: #4d4d4d; }\n\n#article-nav #article-nav-older {\n  float: right; }\n\n#disqus_thread, .duoshuo, .cloud-tie-wrapper, #SOHUCS {\n  padding: 0 30px !important;\n  min-height: 20px; }\n\n#SOHUCS #SOHU_MAIN .module-cmt-list .block-cont-gw {\n  border-bottom: 1px dashed #c8c8c8 !important; }\n\n.share-wrap {\n  min-height: 20px; }\n\n.share-btn {\n  float: right;\n  position: relative; }\n\n.share-icons {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap; }\n  .share-icons a {\n    border: 1px solid #fff;\n    border-radius: 50%;\n    display: -moz-inline-stack;\n    display: inline-block;\n    vertical-align: middle;\n    zoom: 1;\n    margin: 10px;\n    transition: 0.3s;\n    text-align: center;\n    color: #fff;\n    opacity: 0.7;\n    width: 28px;\n    height: 28px;\n    line-height: 26px;\n    text-shadow: 1px 1px 1px #509eb7; }\n    .share-icons a:active {\n      color: #fff; }\n    .share-icons a:hover {\n      -webkit-transform: scale(1.2);\n              transform: scale(1.2); }\n    .share-icons a.share-outer {\n      border: none;\n      color: #fff;\n      background: #4d4d4d;\n      text-shadow: none; }\n\n.page-modal {\n  position: fixed;\n  top: 24%;\n  left: 50%;\n  z-index: 1001;\n  padding: 20px;\n  text-align: center;\n  color: #727272;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  -webkit-transform: translate(-50%, -200%);\n          transform: translate(-50%, -200%); }\n  .page-modal p {\n    margin-bottom: 10px; }\n  .page-modal.ready {\n    visibility: hidden;\n    display: block;\n    -webkit-transform: translate(-50%, -100%);\n            transform: translate(-50%, -100%);\n    transition: .3s; }\n  .page-modal.in {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: translate(-50%, 0);\n            transform: translate(-50%, 0); }\n  .page-modal .close {\n    position: absolute;\n    right: 15px;\n    top: 15px;\n    color: rgba(0, 0, 0, 0.2);\n    font-size: 16px;\n    line-height: 20px; }\n    .page-modal .close:hover, .page-modal .close:active {\n      color: rgba(0, 0, 0, 0.4); }\n\n.mask {\n  visibility: hidden;\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  width: 100%;\n  height: 100%;\n  background: #000;\n  opacity: 0;\n  filter: alpha(opacity=0);\n  pointer-events: none;\n  transition: .3s ease-in-out; }\n  .mask.in {\n    visibility: visible;\n    pointer-events: auto;\n    opacity: .3; }\n\n.page-reward {\n  margin: 60px 0;\n  text-align: center; }\n  .page-reward .page-reward-btn {\n    position: relative;\n    display: inline-block;\n    width: 56px;\n    height: 56px;\n    line-height: 56px;\n    font-size: 20px;\n    color: #fff;\n    background: #f44336;\n    border-radius: 50%;\n    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\n    transition: .4s ease-in-out; }\n    .page-reward .page-reward-btn:hover, .page-reward .page-reward-btn:active {\n      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 4px 15px rgba(0, 0, 0, 0.2); }\n    .page-reward .page-reward-btn .tooltip-item {\n      display: block;\n      width: 56px;\n      height: 56px; }\n  .page-reward .reward-box {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: distribute;\n        justify-content: space-around; }\n  .page-reward .reward-p {\n    color: #fff;\n    font-weight: bold;\n    text-shadow: 1px 1px 1px #45b9e0; }\n    .page-reward .reward-p .icon {\n      margin: 0 10px;\n      color: #ddd; }\n  .page-reward .reward-type {\n    font-size: 16px;\n    display: block;\n    color: #4d4d4d;\n    margin: 20px 0 0 0; }\n  .page-reward .reward-img {\n    width: 130px;\n    height: 130px;\n    border: 6px solid #fff;\n    border-radius: 3px; }\n\n.tooltip-left {\n  /* Trigger item */\n  /* Tooltip */\n  /* Gap \"bridge\" and arrow */ }\n  .tooltip-left .tooltip {\n    position: absolute;\n    z-index: 999;\n    cursor: pointer;\n    width: 28px;\n    height: 28px;\n    top: -10px;\n    right: 10px; }\n    .tooltip-left .tooltip:hover a.share-outer {\n      background: #24c1f6; }\n\n@-webkit-keyframes pulse {\n  from {\n    -webkit-transform: scale3d(0.5, 0.5, 1); }\n  to {\n    -webkit-transform: scale3d(1, 1, 1); } }\n\n@keyframes pulse {\n  from {\n    -webkit-transform: scale3d(0.5, 0.5, 1);\n    transform: scale3d(0.5, 0.5, 1); }\n  to {\n    -webkit-transform: scale3d(1, 1, 1);\n    transform: scale3d(1, 1, 1); } }\n  .tooltip-left .tooltip-content {\n    position: absolute;\n    background: rgba(36, 193, 246, 0.9);\n    z-index: 9999;\n    width: 200px;\n    bottom: 50%;\n    margin-bottom: -10px;\n    border-radius: 20px;\n    font-size: 1.1em;\n    text-align: center;\n    color: #fff;\n    opacity: 0;\n    cursor: default;\n    pointer-events: none;\n    -webkit-font-smoothing: antialiased;\n    transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: opacity 0.3s, transform 0.3s;\n    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }\n  .tooltip-left .tooltip-west .tooltip-content {\n    left: 3.5em;\n    -webkit-transform-origin: -2em 50%;\n    transform-origin: -2em 50%;\n    -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg);\n    transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg); }\n  .tooltip-left .tooltip-east .tooltip-content {\n    right: 3.5em;\n    -webkit-transform-origin: calc(100% + 2em) 50%;\n    transform-origin: calc(100% + 2em) 50%;\n    -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);\n    transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg); }\n  .tooltip-left .tooltip:hover .tooltip-content {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);\n    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);\n    pointer-events: auto; }\n  .tooltip-left .tooltip-content::before,\n  .tooltip-left .tooltip-content::after {\n    content: '';\n    position: absolute; }\n  .tooltip-left .tooltip-content::before {\n    height: 100%;\n    width: 3em; }\n  .tooltip-left .tooltip-content::after {\n    width: 2em;\n    height: 2em;\n    top: 50%;\n    margin: -1em 0 0;\n    background: url(" + __webpack_require__(9) + ") no-repeat center center;\n    background-size: 100%; }\n  .tooltip-left .tooltip-west .tooltip-content::before,\n  .tooltip-left .tooltip-west .tooltip-content::after {\n    right: 99%;\n    /* because of FF, otherwise we have a gap */ }\n  .tooltip-left .tooltip-east .tooltip-content::before,\n  .tooltip-left .tooltip-east .tooltip-content::after {\n    left: 99%;\n    /* because of FF, otherwise we have a gap */ }\n  .tooltip-left .tooltip-east .tooltip-content::after {\n    -webkit-transform: scale3d(-1, 1, 1);\n    transform: scale3d(-1, 1, 1); }\n\n.tooltip-top {\n  /* Gap filler */\n  /* Tooltip */\n  /* Arrow */ }\n  .tooltip-top .tooltip {\n    display: inline;\n    position: relative;\n    z-index: 999; }\n  .tooltip-top .tooltip::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 20px;\n    bottom: 100%;\n    left: 50%;\n    pointer-events: none;\n    -webkit-transform: translateX(-50%);\n    transform: translateX(-50%); }\n  .tooltip-top .tooltip:hover::after {\n    pointer-events: auto; }\n  .tooltip-top .tooltip-content {\n    position: absolute;\n    z-index: 9999;\n    width: 370px;\n    left: 50%;\n    bottom: 100%;\n    font-size: 20px;\n    line-height: 1.4;\n    text-align: center;\n    font-weight: 400;\n    color: #4d4d4d;\n    background: transparent;\n    opacity: 0;\n    margin: 0 0 -10px -185px;\n    cursor: default;\n    pointer-events: none;\n    font-family: 'Satisfy', cursive;\n    -webkit-font-smoothing: antialiased;\n    transition: opacity 0.3s 0.3s;\n    padding-bottom: 80px; }\n  .tooltip-top .tooltip:hover .tooltip-content {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0s; }\n  .tooltip-top .tooltip-content span {\n    display: block; }\n  .tooltip-top .tooltip-text {\n    border-bottom: 10px solid #4d4d4d;\n    overflow: hidden;\n    -webkit-transform: scale3d(0, 1, 1);\n    transform: scale3d(0, 1, 1);\n    transition: -webkit-transform 0.3s 0.3s;\n    transition: transform 0.3s 0.3s;\n    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s; }\n  .tooltip-top .tooltip:hover .tooltip-text {\n    transition-delay: 0s;\n    -webkit-transform: scale3d(1, 1, 1);\n    transform: scale3d(1, 1, 1); }\n  .tooltip-top .tooltip-inner {\n    background: rgba(36, 193, 246, 0.9);\n    padding: 40px;\n    -webkit-transform: translate3d(0, 100%, 0);\n    transform: translate3d(0, 100%, 0);\n    webkit-transition: -webkit-transform 0.3s;\n    transition: -webkit-transform 0.3s;\n    transition: transform 0.3s;\n    transition: transform 0.3s, -webkit-transform 0.3s; }\n  .tooltip-top .tooltip:hover .tooltip-inner {\n    transition-delay: 0.3s;\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0); }\n  .tooltip-top .tooltip-content::after {\n    content: '';\n    left: 50%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: transparent;\n    border-top-color: #4d4d4d;\n    border-width: 10px;\n    margin-left: -10px; }\n\n#footer {\n  font-size: 12px;\n  font-family: Menlo, Monaco, \"Andale Mono\", \"lucida console\", \"Courier New\", monospace;\n  text-shadow: 0 1px #fff;\n  position: absolute;\n  bottom: 30px;\n  opacity: 0.6;\n  width: 100%;\n  text-align: center; }\n  #footer .outer {\n    padding: 0 30px; }\n\n.footer-left {\n  float: left; }\n\n.footer-right {\n  float: right; }\n\n@media screen and (max-width: 800px) {\n  html, body, #container {\n    height: auto;\n    overflow-x: hidden;\n    overflow-y: auto; }\n  #mobile-nav {\n    display: block; }\n  .body-wrap {\n    margin-bottom: 0; }\n  .left-col {\n    display: none; }\n  .mid-col {\n    left: 0;\n    position: relative; }\n  #header .header-nav {\n    position: relative; }\n  .cloud-tie-wrapper {\n    padding: 0;\n    min-height: 20px; }\n  .tools-col {\n    left: -300px;\n    width: 300px; }\n    .tools-col .tools-wrap {\n      padding-top: 48px; }\n    .tools-col .tools-wrap, .tools-col .tools-section {\n      width: 300px; }\n      .tools-col .tools-wrap .search-wrap, .tools-col .tools-section .search-wrap {\n        width: 280px; }\n      .tools-col .tools-wrap .search-tag.tagcloud, .tools-col .tools-section .search-tag.tagcloud {\n        margin-right: -30px; }\n      .tools-col .tools-wrap .search-ul .search-li, .tools-col .tools-section .search-ul .search-li {\n        padding: 5px 20px; }\n    .tools-col.show .header-menu.tools-nav {\n      display: block; }\n  #container .header-author.fixed {\n    position: fixed;\n    top: -29px;\n    width: 100%;\n    color: #ddd; }\n  .mobile-mask {\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    background: rgba(0, 0, 0, 0.85);\n    z-index: 999; }\n  .btnctn {\n    position: fixed;\n    width: 50px;\n    height: 50px;\n    top: -5px;\n    z-index: 4; }\n    .btnctn .slider-trigger {\n      position: absolute;\n      z-index: 101;\n      width: 42px;\n      height: 42px;\n      text-align: center;\n      line-height: 50px; }\n      .btnctn .slider-trigger.back {\n        top: 0;\n        left: 0; }\n      .btnctn .slider-trigger.list {\n        bottom: 0;\n        left: 0; }\n      .btnctn .slider-trigger:hover {\n        background: #444; }\n      .btnctn .slider-trigger .icon {\n        font-size: 24px;\n        color: #fff; }\n  .article-header {\n    border-left: none;\n    padding: 0;\n    border-bottom: 1px dotted #ddd; }\n    .article-header h1 {\n      margin-bottom: 10px; }\n    .article-header .archive-article-date {\n      float: initial; }\n  .header-subtitle {\n    padding: 0 24px; }\n    .header-subtitle .icon {\n      margin: 0 10px;\n      color: #d0d0d0; }\n  .article-info-index.article-info {\n    min-height: 40px;\n    padding-top: 10px;\n    margin: 0;\n    border-top: 1px solid #ddd; }\n  .article-info-post.article-info {\n    margin: 0;\n    padding-top: 10px;\n    border: none; }\n  #viewer-box .viewer-box-l {\n    font-size: 14px; }\n  .article-nav-link-wrap {\n    margin: 5px 0;\n    display: block;\n    clear: both; }\n    .article-nav-link-wrap .icon-circle-right {\n      float: left;\n      margin: 6px 4px 0 0; }\n  .article {\n    padding: 10px;\n    margin: 10px 0;\n    border: 0;\n    font-size: 16px;\n    color: #555; }\n    .article .article-more-link {\n      margin: 0; }\n    .article .article-entry {\n      padding: 10px 0 30px 0; }\n    .article .article-inner h1.article-title, .article .article-title {\n      font-size: 18px;\n      font-weight: 300;\n      display: block;\n      margin: 0; }\n    .article .article-meta {\n      width: auto;\n      height: 30px;\n      margin-top: -5px;\n      position: ralative; }\n      .article .article-meta .article-date {\n        font-size: 12px;\n        border-radius: 0;\n        color: #666;\n        background: none;\n        height: auto;\n        padding: 0;\n        margin: 0;\n        width: 100%;\n        text-align: left;\n        margin-left: 10px; }\n        .article .article-meta .article-date time {\n          width: auto;\n          float: right;\n          margin-right: 10px; }\n      .article .article-meta .article-tag-list {\n        margin-top: 7px;\n        position: absolute;\n        right: 10px;\n        top: 0; }\n        .article .article-meta .article-tag-list:before {\n          float: left;\n          margin-top: 1px;\n          left: 0; }\n        .article .article-meta .article-tag-list .article-tag-list-item {\n          float: left;\n          padding-left: 0;\n          width: auto;\n          max-width: 83px; }\n      .article .article-meta .article-category {\n        margin-top: 7px;\n        position: absolute;\n        right: 10px;\n        top: -30px; }\n        .article .article-meta .article-category:before {\n          float: left;\n          margin-top: 1px;\n          left: 15px; }\n        .article .article-meta .article-category .article-category-link {\n          max-width: 83px;\n          width: auto;\n          padding-left: 10px; }\n    .article #article-nav-older {\n      float: none;\n      display: block; }\n  .share {\n    padding: 3px 10px; }\n  .duoshuo {\n    padding: 0 13px; }\n  #disqus_thread {\n    padding: 0 13px; }\n  #article-nav {\n    margin: 0;\n    padding: 5px 10px 10px; }\n  #article-nav #article-nav-older {\n    float: none; }\n  #article-nav .article-nav-link-wrap .article-nav-title {\n    font-size: 16px; }\n  #page-nav .extend {\n    opacity: 1; }\n  .instagram .open-ins {\n    left: 2px;\n    top: -30px;\n    color: #aaa; }\n  .info-on-right {\n    float: initial; }\n  .archives-wrap {\n    margin: 10px 10px 0px;\n    padding: 10px; }\n    .archives-wrap .archive-article-title {\n      font-size: 16px; }\n    .archives-wrap .archive-year-wrap {\n      position: relative;\n      padding: 0 0 0 0; }\n      .archives-wrap .archive-year-wrap a {\n        padding: 0 0 0 0; }\n    .archives-wrap .article-meta .archive-article-date {\n      font-size: 12px;\n      margin-right: 10px;\n      margin-top: -5px; }\n    .archives-wrap .article-meta .article-tag-list-link {\n      font-size: 12px; }\n  .archives .archive-article {\n    padding: 10px 0;\n    margin-left: 0; }\n  #footer {\n    position: relative;\n    bottom: 0; }\n    #footer .footer-left {\n      float: initial;\n      margin-bottom: 10px; }\n    #footer .footer-right {\n      float: initial; }\n  #mobile-nav .header-author {\n    margin: 0;\n    position: relative;\n    z-index: 2;\n    color: #424242; }\n  #mobile-nav .overlay {\n    height: 110px;\n    position: absolute;\n    width: 100%;\n    z-index: 2;\n    background: #4d4d4d; }\n  #mobile-nav #header {\n    padding: 10px 0 0 0; }\n    #mobile-nav #header .profilepic {\n      display: block;\n      position: relative;\n      z-index: 100; }\n  .header-menu {\n    height: auto;\n    margin: 10px 0 20px; }\n    .header-menu.tools-nav {\n      display: none;\n      position: fixed;\n      left: 0;\n      width: 100%;\n      z-index: 9999; }\n      .header-menu.tools-nav ul {\n        margin-right: 28px; }\n      .header-menu.tools-nav ul, .header-menu.tools-nav li {\n        border-color: #fff; }\n        .header-menu.tools-nav ul a, .header-menu.tools-nav li a {\n          color: #fff; }\n          .header-menu.tools-nav ul a.active, .header-menu.tools-nav li a.active {\n            background: #81b5cc; }\n    .header-menu ul {\n      text-align: center;\n      cursor: default;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      margin: 0 auto;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -ms-flex-pack: distribute;\n          justify-content: space-around;\n      position: relative;\n      z-index: 1;\n      border: 1px solid #a0a0a0;\n      border-radius: 3px; }\n    .header-menu li {\n      border-left: 1px solid #a0a0a0; }\n      .header-menu li:first-child {\n        border-left: 0; }\n      .header-menu li:last-child {\n        border-right: 0; }\n      .header-menu li a {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        color: #a0a0a0; }\n        .header-menu li a.active {\n          color: #eaeaea;\n          background: #a0a0a0; }\n  .profilepic {\n    text-align: center;\n    display: block;\n    border: 5px solid #fff;\n    border-radius: 300px;\n    width: 128px;\n    height: 128px;\n    margin: 0 auto;\n    position: relative;\n    overflow: hidden;\n    background: #88acdb;\n    -webkit-transition: all 0.2s ease-in;\n    display: -webkit-box;\n    -webkit-box-orient: horizontal;\n    -webkit-box-pack: center;\n    -webkit-box-align: center;\n    text-align: center; }\n  .header-author {\n    text-align: center;\n    margin: 0.67em 0;\n    font-family: Roboto, \"Roboto\", serif;\n    font-size: 30px;\n    transition: 0.3s; }\n  .header-subtitle {\n    text-align: center;\n    color: #999;\n    font-size: 14px;\n    line-height: 25px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\n  .header-subtitle {\n    padding: 0 24px; } }\n", ""]);

	// exports


/***/ }),
/* 3 */
/***/ (function(module, exports) {

	/*
		MIT License http://www.opensource.org/licenses/mit-license.php
		Author Tobias Koppers @sokra
	*/
	// css base code, injected by the css-loader
	module.exports = function() {
		var list = [];

		// return the list of modules as css string
		list.toString = function toString() {
			var result = [];
			for(var i = 0; i < this.length; i++) {
				var item = this[i];
				if(item[2]) {
					result.push("@media " + item[2] + "{" + item[1] + "}");
				} else {
					result.push(item[1]);
				}
			}
			return result.join("");
		};

		// import a list of modules into the list
		list.i = function(modules, mediaQuery) {
			if(typeof modules === "string")
				modules = [[null, modules, ""]];
			var alreadyImportedModules = {};
			for(var i = 0; i < this.length; i++) {
				var id = this[i][0];
				if(typeof id === "number")
					alreadyImportedModules[id] = true;
			}
			for(i = 0; i < modules.length; i++) {
				var item = modules[i];
				// skip already imported module
				// this implementation is not 100% perfect for weird media query combinations
				//  when a module is imported multiple times with different media queries.
				//  I hope this will never occur (Hey this way we have smaller bundles)
				if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
					if(mediaQuery && !item[2]) {
						item[2] = mediaQuery;
					} else if(mediaQuery) {
						item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
					}
					list.push(item);
				}
			}
		};
		return list;
	};


/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__.p + "fonts/iconfont.3a9902.eot";

/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__.p + "fonts/iconfont.6e162c.woff";

/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__.p + "fonts/iconfont.d0da7e.ttf";

/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__.p + "fonts/iconfont.9abe9f.svg";

/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__.p + "img/scrollbar_arrow.png";

/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__.p + "fonts/tooltip.4004ff.svg";

/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {

	/*
		MIT License http://www.opensource.org/licenses/mit-license.php
		Author Tobias Koppers @sokra
	*/
	var stylesInDom = {},
		memoize = function(fn) {
			var memo;
			return function () {
				if (typeof memo === "undefined") memo = fn.apply(this, arguments);
				return memo;
			};
		},
		isOldIE = memoize(function() {
			return /msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase());
		}),
		getHeadElement = memoize(function () {
			return document.head || document.getElementsByTagName("head")[0];
		}),
		singletonElement = null,
		singletonCounter = 0,
		styleElementsInsertedAtTop = [];

	module.exports = function(list, options) {
		if(false) {
			if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
		}

		options = options || {};
		// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
		// tags it will allow on a page
		if (typeof options.singleton === "undefined") options.singleton = isOldIE();

		// By default, add <style> tags to the bottom of <head>.
		if (typeof options.insertAt === "undefined") options.insertAt = "bottom";

		var styles = listToStyles(list);
		addStylesToDom(styles, options);

		return function update(newList) {
			var mayRemove = [];
			for(var i = 0; i < styles.length; i++) {
				var item = styles[i];
				var domStyle = stylesInDom[item.id];
				domStyle.refs--;
				mayRemove.push(domStyle);
			}
			if(newList) {
				var newStyles = listToStyles(newList);
				addStylesToDom(newStyles, options);
			}
			for(var i = 0; i < mayRemove.length; i++) {
				var domStyle = mayRemove[i];
				if(domStyle.refs === 0) {
					for(var j = 0; j < domStyle.parts.length; j++)
						domStyle.parts[j]();
					delete stylesInDom[domStyle.id];
				}
			}
		};
	}

	function addStylesToDom(styles, options) {
		for(var i = 0; i < styles.length; i++) {
			var item = styles[i];
			var domStyle = stylesInDom[item.id];
			if(domStyle) {
				domStyle.refs++;
				for(var j = 0; j < domStyle.parts.length; j++) {
					domStyle.parts[j](item.parts[j]);
				}
				for(; j < item.parts.length; j++) {
					domStyle.parts.push(addStyle(item.parts[j], options));
				}
			} else {
				var parts = [];
				for(var j = 0; j < item.parts.length; j++) {
					parts.push(addStyle(item.parts[j], options));
				}
				stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
			}
		}
	}

	function listToStyles(list) {
		var styles = [];
		var newStyles = {};
		for(var i = 0; i < list.length; i++) {
			var item = list[i];
			var id = item[0];
			var css = item[1];
			var media = item[2];
			var sourceMap = item[3];
			var part = {css: css, media: media, sourceMap: sourceMap};
			if(!newStyles[id])
				styles.push(newStyles[id] = {id: id, parts: [part]});
			else
				newStyles[id].parts.push(part);
		}
		return styles;
	}

	function insertStyleElement(options, styleElement) {
		var head = getHeadElement();
		var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
		if (options.insertAt === "top") {
			if(!lastStyleElementInsertedAtTop) {
				head.insertBefore(styleElement, head.firstChild);
			} else if(lastStyleElementInsertedAtTop.nextSibling) {
				head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
			} else {
				head.appendChild(styleElement);
			}
			styleElementsInsertedAtTop.push(styleElement);
		} else if (options.insertAt === "bottom") {
			head.appendChild(styleElement);
		} else {
			throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
		}
	}

	function removeStyleElement(styleElement) {
		styleElement.parentNode.removeChild(styleElement);
		var idx = styleElementsInsertedAtTop.indexOf(styleElement);
		if(idx >= 0) {
			styleElementsInsertedAtTop.splice(idx, 1);
		}
	}

	function createStyleElement(options) {
		var styleElement = document.createElement("style");
		styleElement.type = "text/css";
		insertStyleElement(options, styleElement);
		return styleElement;
	}

	function createLinkElement(options) {
		var linkElement = document.createElement("link");
		linkElement.rel = "stylesheet";
		insertStyleElement(options, linkElement);
		return linkElement;
	}

	function addStyle(obj, options) {
		var styleElement, update, remove;

		if (options.singleton) {
			var styleIndex = singletonCounter++;
			styleElement = singletonElement || (singletonElement = createStyleElement(options));
			update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
			remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
		} else if(obj.sourceMap &&
			typeof URL === "function" &&
			typeof URL.createObjectURL === "function" &&
			typeof URL.revokeObjectURL === "function" &&
			typeof Blob === "function" &&
			typeof btoa === "function") {
			styleElement = createLinkElement(options);
			update = updateLink.bind(null, styleElement);
			remove = function() {
				removeStyleElement(styleElement);
				if(styleElement.href)
					URL.revokeObjectURL(styleElement.href);
			};
		} else {
			styleElement = createStyleElement(options);
			update = applyToTag.bind(null, styleElement);
			remove = function() {
				removeStyleElement(styleElement);
			};
		}

		update(obj);

		return function updateStyle(newObj) {
			if(newObj) {
				if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
					return;
				update(obj = newObj);
			} else {
				remove();
			}
		};
	}

	var replaceText = (function () {
		var textStore = [];

		return function (index, replacement) {
			textStore[index] = replacement;
			return textStore.filter(Boolean).join('\n');
		};
	})();

	function applyToSingletonTag(styleElement, index, remove, obj) {
		var css = remove ? "" : obj.css;

		if (styleElement.styleSheet) {
			styleElement.styleSheet.cssText = replaceText(index, css);
		} else {
			var cssNode = document.createTextNode(css);
			var childNodes = styleElement.childNodes;
			if (childNodes[index]) styleElement.removeChild(childNodes[index]);
			if (childNodes.length) {
				styleElement.insertBefore(cssNode, childNodes[index]);
			} else {
				styleElement.appendChild(cssNode);
			}
		}
	}

	function applyToTag(styleElement, obj) {
		var css = obj.css;
		var media = obj.media;

		if(media) {
			styleElement.setAttribute("media", media)
		}

		if(styleElement.styleSheet) {
			styleElement.styleSheet.cssText = css;
		} else {
			while(styleElement.firstChild) {
				styleElement.removeChild(styleElement.firstChild);
			}
			styleElement.appendChild(document.createTextNode(css));
		}
	}

	function updateLink(linkElement, obj) {
		var css = obj.css;
		var sourceMap = obj.sourceMap;

		if(sourceMap) {
			// http://stackoverflow.com/a/26603875
			css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
		}

		var blob = new Blob([css], { type: "text/css" });

		var oldSrc = linkElement.href;

		linkElement.href = URL.createObjectURL(blob);

		if(oldSrc)
			URL.revokeObjectURL(oldSrc);
	}


/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';

	var jsCookie = __webpack_require__(12);

	__webpack_require__(13);

	function getQueryString(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return unescape(r[2]);return null;
	}
	// 统计用，开发者不需要理会
	if (window.BJ_REPORT) {
		BJ_REPORT.init({
			id: 1
		});
		BJ_REPORT.init({
			id: 1,
			uin: window.location.origin,
			combo: 0,
			delay: 1000,
			url: "//litten.me:9005/badjs/",
			ignore: [/Script error/i],
			random: 1,
			repeat: 500000,
			onReport: function onReport(id, errObj) {},
			ext: {}
		});
		// iframe不上报
		var host = window.location.host;
		var isNotFrame = top === window;
		var isNotLocal = !(/localhost/i.test(host) || /127.0.0.1/i.test(host) || /0.0.0.0/i.test(host));
		isNotFrame && isNotLocal && BJ_REPORT.report('yilia-' + window.location.host

		// 来源上报
		);var from = getQueryString('f');
		var fromKey = 'yilia-from';
		if (from) {
			isNotFrame && BJ_REPORT.report('from-' + from);
			// 种cookie
			jsCookie.set(fromKey, from);
		} else {
			if (document.referrer.indexOf(window.location.host) >= 0) {
				// 取cookie
				from = jsCookie.get(fromKey);
				from && isNotFrame && BJ_REPORT.report('from-' + from);
			} else {
				// 清cookie
				jsCookie.remove(fromKey);
			}
		}
	}

	module.exports = {
		init: function init() {}
	};

/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
	 * JavaScript Cookie v2.1.4
	 * https://github.com/js-cookie/js-cookie
	 *
	 * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
	 * Released under the MIT license
	 */
	;(function (factory) {
		var registeredInModuleLoader = false;
		if (true) {
			!(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
			registeredInModuleLoader = true;
		}
		if (true) {
			module.exports = factory();
			registeredInModuleLoader = true;
		}
		if (!registeredInModuleLoader) {
			var OldCookies = window.Cookies;
			var api = window.Cookies = factory();
			api.noConflict = function () {
				window.Cookies = OldCookies;
				return api;
			};
		}
	}(function () {
		function extend () {
			var i = 0;
			var result = {};
			for (; i < arguments.length; i++) {
				var attributes = arguments[ i ];
				for (var key in attributes) {
					result[key] = attributes[key];
				}
			}
			return result;
		}

		function init (converter) {
			function api (key, value, attributes) {
				var result;
				if (typeof document === 'undefined') {
					return;
				}

				// Write

				if (arguments.length > 1) {
					attributes = extend({
						path: '/'
					}, api.defaults, attributes);

					if (typeof attributes.expires === 'number') {
						var expires = new Date();
						expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
						attributes.expires = expires;
					}

					// We're using "expires" because "max-age" is not supported by IE
					attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';

					try {
						result = JSON.stringify(value);
						if (/^[\{\[]/.test(result)) {
							value = result;
						}
					} catch (e) {}

					if (!converter.write) {
						value = encodeURIComponent(String(value))
							.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
					} else {
						value = converter.write(value, key);
					}

					key = encodeURIComponent(String(key));
					key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
					key = key.replace(/[\(\)]/g, escape);

					var stringifiedAttributes = '';

					for (var attributeName in attributes) {
						if (!attributes[attributeName]) {
							continue;
						}
						stringifiedAttributes += '; ' + attributeName;
						if (attributes[attributeName] === true) {
							continue;
						}
						stringifiedAttributes += '=' + attributes[attributeName];
					}
					return (document.cookie = key + '=' + value + stringifiedAttributes);
				}

				// Read

				if (!key) {
					result = {};
				}

				// To prevent the for loop in the first place assign an empty array
				// in case there are no cookies at all. Also prevents odd result when
				// calling "get()"
				var cookies = document.cookie ? document.cookie.split('; ') : [];
				var rdecode = /(%[0-9A-Z]{2})+/g;
				var i = 0;

				for (; i < cookies.length; i++) {
					var parts = cookies[i].split('=');
					var cookie = parts.slice(1).join('=');

					if (cookie.charAt(0) === '"') {
						cookie = cookie.slice(1, -1);
					}

					try {
						var name = parts[0].replace(rdecode, decodeURIComponent);
						cookie = converter.read ?
							converter.read(cookie, name) : converter(cookie, name) ||
							cookie.replace(rdecode, decodeURIComponent);

						if (this.json) {
							try {
								cookie = JSON.parse(cookie);
							} catch (e) {}
						}

						if (key === name) {
							result = cookie;
							break;
						}

						if (!key) {
							result[name] = cookie;
						}
					} catch (e) {}
				}

				return result;
			}

			api.set = api;
			api.get = function (key) {
				return api.call(api, key);
			};
			api.getJSON = function () {
				return api.apply({
					json: true
				}, [].slice.call(arguments));
			};
			api.defaults = {};

			api.remove = function (key, attributes) {
				api(key, '', extend(attributes, {
					expires: -1
				}));
			};

			api.withConverter = init;

			return api;
		}

		return init(function () {});
	}));


/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {

	/*!
	 * @module report
	 * @author kael, chriscai
	 * @date @DATE
	 * Copyright (c) 2014 kael, chriscai
	 * Licensed under the MIT license.
	 */
	var BJ_REPORT = (function(global) {
	    if (global.BJ_REPORT) return global.BJ_REPORT;

	    var _log_list = [];
	    var _log_map = {};
	    var _config = {
	        id: 0, // 上报 id
	        uin: 0, // user id
	        url: "", // 上报 接口
	        offline_url: "", // 离线日志上报 接口
	        offline_auto_url: "", // 检测是否自动上报
	        ext: null, // 扩展参数 用于自定义上报
	        level: 4, // 错误级别 1-debug 2-info 4-error
	        ignore: [], // 忽略某个错误, 支持 Regexp 和 Function
	        random: 1, // 抽样 (0-1] 1-全量
	        delay: 1000, // 延迟上报 combo 为 true 时有效
	        submit: null, // 自定义上报方式
	        repeat: 5 , // 重复上报次数(对于同一个错误超过多少次不上报),
	        offlineLog : true,
	        offlineLogExp : 5,  // 离线日志过期时间 ， 默认5天
	        offlineLogAuto : true,  //是否自动询问服务器需要自动上报
	    };

	    var Offline_DB = {
	        db : null,
	        ready : function (callback){
	                var self = this;
	                if(!window.indexedDB){
	                    _config.offlineLog = false;
	                    return callback();
	                }

	                if(this.db){
	                    setTimeout(function (){
	                        callback(null , self );
	                    },0);

	                    return;
	                }
	                var version= 1;
	                var request=window.indexedDB.open("badjs" , version);

	                if(!request){
	                    _config.offlineLog = false;
	                    return callback();
	                }

	                request.onerror=function(e){
	                    callback(e);
	                    console.log("indexdb request error");
	                };
	                request.onsuccess=function(e){
	                    self.db = e.target.result;

	                    setTimeout(function (){
	                        callback(null , self);
	                    },500);


	                };
	                request.onupgradeneeded=function(e){
	                    var db=e.target.result;
	                    if(!db.objectStoreNames.contains('logs')){
	                        db.createObjectStore('logs', { autoIncrement: true });
	                    }
	                };
	        },
	        insertToDB : function (log){
	            var store= this.getStore();
	            store.add(log);
	        },
	        addLog : function (log){
	            if(!this.db){
	                return ;
	            }
	            this.insertToDB(log);
	        },
	        addLogs : function (logs){
	            if(!this.db){
	                return;
	            }

	            for(var i = 0;i <  logs.length ; i++){
	                this.addLog( logs[i]);
	            }

	        },
	        getLogs : function (opt  , callback ){
	            if(!this.db){
	                return;
	            }
	            var store= this.getStore();
	            var request = store.openCursor();
	            var result = [];
	            request.onsuccess = function (event) {
	                var cursor = event.target.result;
	                if (cursor ) {
	                    if(cursor.value.time >= opt.start && cursor.value.time <= opt.end &&   cursor.value.id ==  opt.id && cursor.value.uin == opt.uin){
	                        result.push(cursor.value);
	                    }
	                    //# cursor.continue
	                    cursor["continue"]();
	                }else {
	                    callback(null , result);
	                }
	            };

	            request.onerror = function (e){
	                callback(e);
	            };
	        },
	        clearDB : function (daysToMaintain){
	            if(!this.db){
	                return;
	            }

	            var store= this.getStore();
	            if (!daysToMaintain) {
	                store.clear();
	                return ;
	            }
	            var range = (Date.now() - (daysToMaintain || 2) * 24 * 3600 * 1000);
	            var request = store.openCursor();
	            request.onsuccess = function (event) {
	                var cursor = event.target.result;
	                if (cursor && (cursor.value.time < range || !cursor.value.time)) {
	                    store["delete"](cursor.primaryKey);
	                    cursor["continue"]();
	                }
	            };
	        },

	        getStore: function (){
	            var transaction=this.db.transaction("logs",'readwrite');
	            return transaction.objectStore("logs");
	        },

	    };

	    var T = {
	        isOBJByType: function (o, type) {
	            return Object.prototype.toString.call(o) === "[object " + (type || "Object") + "]";
	        },

	        isOBJ: function (obj) {
	            var type = typeof obj;
	            return type === "object" && !!obj;
	        },
	        isEmpty: function (obj) {
	            if (obj === null) return true;
	            if (T.isOBJByType(obj, "Number")) {
	                return false;
	            }
	            return !obj;
	        },
	        extend : function (src , source){
	            for(var key in source){
	                src[key] = source[key];
	            }
	            return src;
	        },
	        processError: function (errObj) {
	            try {
	                if (errObj.stack) {
	                    var url = errObj.stack.match("https?://[^\n]+");
	                    url = url ? url[0] : "";
	                    var rowCols = url.match(":(\\d+):(\\d+)");
	                    if (!rowCols) {
	                        rowCols = [0, 0, 0];
	                    }

	                    var stack = T.processStackMsg(errObj);
	                    return {
	                        msg: stack,
	                        rowNum: rowCols[1],
	                        colNum: rowCols[2],
	                        target: url.replace(rowCols[0], "")
	                    };
	                } else {
	                    //ie 独有 error 对象信息，try-catch 捕获到错误信息传过来，造成没有msg
	                    if (errObj.name && errObj.message && errObj.description) {
	                        return {
	                            msg: JSON.stringify(errObj)
	                        };
	                    }
	                    return errObj;
	                }
	            } catch (err) {
	                return errObj;
	            }
	        },

	        processStackMsg: function (error) {
	            var stack = error.stack
	                .replace(/\n/gi, "")
	                .split(/\bat\b/)
	                .slice(0, 9)
	                .join("@")
	                .replace(/\?[^:]+/gi, "");
	            var msg = error.toString();
	            if (stack.indexOf(msg) < 0) {
	                stack = msg + "@" + stack;
	            }
	            return stack;
	        },

	        isRepeat : function(error) {
	            if (!T.isOBJ(error)) return true;
	            var msg = error.msg;
	            var times = _log_map[msg] = (parseInt(_log_map[msg], 10) || 0) + 1;
	            return times > _config.repeat;
	        }
	    };

	    var orgError = global.onerror;
	    // rewrite window.oerror
	    global.onerror = function(msg, url, line, col, error) {
	        var newMsg = msg;

	        if (error && error.stack) {
	            newMsg = T.processStackMsg(error);
	        }

	        if (T.isOBJByType(newMsg, "Event")) {
	            newMsg += newMsg.type ?
	                ("--" + newMsg.type + "--" + (newMsg.target ?
	                    (newMsg.target.tagName + "::" + newMsg.target.src) : "")) : "";
	        }

	        report.push({
	            msg: newMsg,
	            target: url,
	            rowNum: line,
	            colNum: col
	        });

	        _process_log();
	        orgError && orgError.apply(global, arguments);
	    };



	    var _report_log_tostring = function(error, index) {
	        var param = [];
	        var params = [];
	        var stringify = [];
	        if (T.isOBJ(error)) {
	            error.level = error.level || _config.level;
	            for (var key in error) {
	                var value = error[key];
	                if (!T.isEmpty(value)) {
	                    if (T.isOBJ(value)) {
	                        try {
	                            value = JSON.stringify(value);
	                        } catch (err) {
	                            value = "[BJ_REPORT detect value stringify error] " + err.toString();
	                        }
	                    }
	                    stringify.push(key + ":" + value);
	                    param.push(key + "=" + encodeURIComponent(value));
	                    params.push(key + "[" + index + "]=" + encodeURIComponent(value));
	                }
	            }
	        }

	        // msg[0]=msg&target[0]=target -- combo report
	        // msg:msg,target:target -- ignore
	        // msg=msg&target=target -- report with out combo
	        return [params.join("&"), stringify.join(","), param.join("&")];
	    };



	    var  _offline_buffer = [];
	    var _save2Offline = function(key , msgObj ) {
	        msgObj  = T.extend({id : _config.id , uin : _config.uin , time : new Date - 0} , msgObj);

	        if(Offline_DB.db){
	            Offline_DB.addLog(msgObj);
	            return ;
	        }


	        if(!Offline_DB.db && !_offline_buffer.length){
	            Offline_DB.ready(function (err , DB){
	                if(DB){
	                    if(_offline_buffer.length){
	                        DB.addLogs(_offline_buffer);
	                        _offline_buffer = [];
	                    }

	                }
	            });
	        }
	        _offline_buffer.push(msgObj);
	    };

	    var _autoReportOffline = function (){
	        var script = document.createElement("script");
	        script.src = _config.offline_auto_url || _config.url.replace(/badjs$/ , "offlineAuto") + "?id="+_config.id + "&uin="+_config.uin;
	        window._badjsOfflineAuto = function (isReport){
	            if(isReport){
	                BJ_REPORT.reportOfflineLog();
	            }
	        };
	        document.head.appendChild(script);
	    };



	    var submit_log_list = [];
	    var comboTimeout = 0;
	    var _submit_log = function() {
	        clearTimeout(comboTimeout);

	        if(!submit_log_list.length){
	            return ;
	        }

	        var url =_config._reportUrl + submit_log_list.join("&") + "&count=" + submit_log_list.length + "&_t=" + (+new Date);

	        if (_config.submit) {
	            _config.submit(url);
	        } else {
	            var _img = new Image();
	            _img.src = url;
	        }

	        comboTimeout = 0;
	        submit_log_list = [];
	    };

	    var _process_log = function(isReportNow) {
	        if (!_config._reportUrl) return;

	        var randomIgnore = Math.random() >= _config.random;


	        while (_log_list.length) {
	            var isIgnore = false;
	            var report_log = _log_list.shift();
	            //有效保证字符不要过长
	            report_log.msg = (report_log.msg + "" || "").substr(0,500);
	            // 重复上报
	            if (T.isRepeat(report_log)) continue;
	            var log_str = _report_log_tostring(report_log, submit_log_list.length);
	            if (T.isOBJByType(_config.ignore, "Array")) {
	                for (var i = 0, l = _config.ignore.length; i < l; i++) {
	                    var rule = _config.ignore[i];
	                    if ((T.isOBJByType(rule, "RegExp") && rule.test(log_str[1])) ||
	                        (T.isOBJByType(rule, "Function") && rule(report_log, log_str[1]))) {
	                        isIgnore = true;
	                        break;
	                    }
	                }
	            }
	            if (!isIgnore) {
	                _config.offlineLog && _save2Offline( "badjs_" + _config.id + _config.uin, report_log );
	                if(!randomIgnore && report_log.level != 20){
	                    submit_log_list.push(log_str[0]);
	                    _config.onReport && (_config.onReport(_config.id, report_log));
	                }

	            }
	        }


	        if (isReportNow) {
	            _submit_log(); // 立即上报
	        } else if (!comboTimeout) {
	            comboTimeout = setTimeout(_submit_log, _config.delay); // 延迟上报
	        }
	    };



	    var report = global.BJ_REPORT = {
	        push: function(msg) { // 将错误推到缓存池

	            var data = T.isOBJ(msg) ? T.processError(msg) : {
	                msg: msg
	            };

	            // ext 有默认值, 且上报不包含 ext, 使用默认 ext
	            if (_config.ext && !data.ext) {
	                data.ext = _config.ext;
	            }
	            // 在错误发生时获取页面链接
	            // https://github.com/BetterJS/badjs-report/issues/19
	            if (!data.from) {
	                data.from = location.href;
	            }
	            _log_list.push(data);
	            _process_log();
	            return report;
	        },
	        report: function(msg , isReportNow) { // error report
	            msg && report.push(msg);

	            isReportNow && _process_log(true);
	            return report;
	        },
	        info: function(msg) { // info report
	            if (!msg) {
	                return report;
	            }
	            if (T.isOBJ(msg)) {
	                msg.level = 2;
	            } else {
	                msg = {
	                    msg: msg,
	                    level: 2
	                };
	            }
	            report.push(msg);
	            return report;
	        },
	        debug: function(msg) { // debug report
	            if (!msg) {
	                return report;
	            }
	            if (T.isOBJ(msg)) {
	                msg.level = 1;
	            } else {
	                msg = {
	                    msg: msg,
	                    level: 1
	                };
	            }
	            report.push(msg);
	            return report;
	        },

	        reportOfflineLog : function (){
	            if (!window.indexedDB){
	                BJ_REPORT.info("unsupport offlineLog");
	                return ;
	            }
	            Offline_DB.ready(function (err , DB){
	                if(!DB){
	                    return;
	                }
	                var startDate = new Date - 0 - _config.offlineLogExp* 24 * 3600 * 1000;
	                var endDate = new Date - 0;
	                DB.getLogs( {
	                    start : startDate,
	                    end : endDate,
	                    id :  _config.id ,
	                    uin :  _config.uin
	                } , function (err , result){
	                    var iframe = document.createElement("iframe");
	                    iframe.name = "badjs_offline_"+(new Date -0 );
	                    iframe.frameborder = 0;
	                    iframe.height = 0;
	                    iframe.width = 0;
	                    iframe.src = "javascript:false;";

	                    iframe.onload = function (){
	                        var form = document.createElement("form");
	                        form.style.display = "none";
	                        form.target =  iframe.name ;
	                        form.method = "POST";
	                        form.action = _config.offline_url || _config.url.replace(/badjs$/ , "offlineLog");
	                        form.enctype.method = 'multipart/form-data';

	                        var input = document.createElement("input");
	                        input.style.display = "none";
	                        input.type = "hidden";
	                        input.name = "offline_log";
	                        input.value = JSON.stringify({logs : result , userAgent : navigator.userAgent , startDate : startDate , endDate : endDate , id :_config.id , uin:_config.uin});

	                        iframe.contentDocument.body.appendChild(form);
	                        form.appendChild(input);
	                        form.submit();

	                        setTimeout(function (){
	                            document.body.removeChild(iframe);
	                        },10000);

	                        iframe.onload = null;
	                    };
	                    document.body.appendChild(iframe);
	                });
	            });
	        },
	        offlineLog : function (msg){
	            if (!msg) {
	                return report;
	            }
	            if (T.isOBJ(msg)) {
	                msg.level = 20;
	            } else {
	                msg = {
	                    msg: msg,
	                    level: 20
	                };
	            }
	            report.push(msg);
	            return report;
	        },
	        init: function(config) { // 初始化
	            if (T.isOBJ(config)) {
	                for (var key in config) {
	                    _config[key] = config[key];
	                }
	            }
	            // 没有设置id将不上报
	            var id = parseInt(_config.id, 10);
	            if (id) {
	                // set default report url and uin
	                if (/qq\.com$/gi.test(location.hostname)) {
	                    if (!_config.url) {
	                        _config.url = "//badjs2.qq.com/badjs";
	                    }

	                    if (!_config.uin) {
	                        _config.uin = parseInt((document.cookie.match(/\buin=\D+(\d+)/) || [])[1], 10);
	                    }
	                }

	                _config._reportUrl = (_config.url || "/badjs") +
	                    "?id=" + id +
	                    "&uin=" + _config.uin +
	                    // "&from=" + encodeURIComponent(location.href) +
	                    "&";
	            }

	            // if had error in cache , report now
	            if (_log_list.length) {
	                _process_log();
	            }

	                // init offline
	            if(!Offline_DB._initing){
	                Offline_DB._initing = true;
	                Offline_DB.ready(function (err , DB){
	                    if(DB){
	                        setTimeout(function (){
	                            DB.clearDB(_config.offlineLogExp );
	                            setTimeout(function (){
	                                _config.offlineLogAuto && _autoReportOffline();
	                            },5000);
	                        },1000);
	                    }

	                });
	            }



	            return report;
	        },

	        __onerror__: global.onerror
	    };

	    typeof console !== "undefined" && console.error && setTimeout(function() {
	        var err = ((location.hash || "").match(/([#&])BJ_ERROR=([^&$]+)/) || [])[2];
	        err && console.error("BJ_ERROR", decodeURIComponent(err).replace(/(:\d+:\d+)\s*/g, "$1\n"));
	    }, 0);

	    return report;

	}(window));

	if (true) {
	    module.exports = BJ_REPORT;
	}
	;(function(global) {

	    if (!global.BJ_REPORT) {
	        console.error("please load bg-report first");
	        return;
	    }

	    var _onthrow = function(errObj) {
	        global.BJ_REPORT.push(errObj);
	    };

	    var tryJs = {};
	    global.BJ_REPORT.tryJs = function(throwCb) {
	        throwCb && (_onthrow = throwCb);
	        return tryJs;
	    };

	    // merge
	    var _merge = function(org, obj) {
	        for (var key in obj) {
	            org[key] = obj[key];
	        }
	    };

	    // function or not
	    var _isFunction = function(foo) {
	        return typeof foo === "function";
	    };

	    var timeoutkey;

	    var cat = function(foo, args) {
	        return function() {
	            try {
	                return foo.apply(this, args || arguments);
	            } catch (error) {

	                _onthrow(error);

	                //some browser throw error (chrome) , can not find error where it throw,  so print it on console;
	                if (error.stack && console && console.error) {
	                    console.error("[BJ-REPORT]", error.stack);
	                }

	                // hang up browser and throw , but it should trigger onerror , so rewrite onerror then recover it
	                if (!timeoutkey) {
	                    var orgOnerror = global.onerror;
	                    global.onerror = function() {};
	                    timeoutkey = setTimeout(function() {
	                        global.onerror = orgOnerror;
	                        timeoutkey = null;
	                    }, 50);
	                }
	                throw error;
	            }
	        };
	    };

	    var catArgs = function(foo) {
	        return function() {
	            var arg, args = [];
	            for (var i = 0, l = arguments.length; i < l; i++) {
	                arg = arguments[i];
	                _isFunction(arg) && (arg = cat(arg));
	                args.push(arg);
	            }
	            return foo.apply(this, args);
	        };
	    };

	    var catTimeout = function(foo) {
	        return function(cb, timeout) {
	            // for setTimeout(string, delay)
	            if (typeof cb === "string") {
	                try {
	                    cb = new Function(cb);
	                } catch (err) {
	                    throw err;
	                }
	            }
	            var args = [].slice.call(arguments, 2);
	            // for setTimeout(function, delay, param1, ...)
	            cb = cat(cb, args.length && args);
	            return foo(cb, timeout);
	        };
	    };

	    /**
	     * makeArgsTry
	     * wrap a function's arguments with try & catch
	     * @param {Function} foo
	     * @param {Object} self
	     * @returns {Function}
	     */
	    var makeArgsTry = function(foo, self) {
	        return function() {
	            var arg, tmp, args = [];
	            for (var i = 0, l = arguments.length; i < l; i++) {
	                arg = arguments[i];
	                if(_isFunction(arg)){
	                    if(arg.tryWrap){
	                        arg = arg.tryWrap;
	                    }else {
	                        tmp = cat(arg);
	                        arg.tryWrap = tmp;
	                        arg = tmp;
	                    }
	                }
	                args.push(arg);
	            }
	            return foo.apply(self || this, args);
	        };
	    };

	    /**
	     * makeObjTry
	     * wrap a object's all value with try & catch
	     * @param {Function} foo
	     * @param {Object} self
	     * @returns {Function}
	     */
	    var makeObjTry = function(obj) {
	        var key, value;
	        for (key in obj) {
	            value = obj[key];
	            if (_isFunction(value)) obj[key] = cat(value);
	        }
	        return obj;
	    };

	    /**
	     * wrap jquery async function ,exp : event.add , event.remove , ajax
	     * @returns {Function}
	     */
	    tryJs.spyJquery = function() {
	        var _$ = global.$;

	        if (!_$ || !_$.event) {
	            return tryJs;
	        }

	        var _add, _remove;
	        if (_$.zepto) {
	            _add = _$.fn.on, _remove = _$.fn.off;

	            _$.fn.on = makeArgsTry(_add);
	            _$.fn.off = function() {
	                var arg, args = [];
	                for (var i = 0, l = arguments.length; i < l; i++) {
	                    arg = arguments[i];
	                    _isFunction(arg) && arg.tryWrap && (arg = arg.tryWrap);
	                    args.push(arg);
	                }
	                return _remove.apply(this, args);
	            };

	        } else if (window.jQuery) {
	            _add = _$.event.add, _remove = _$.event.remove;

	            _$.event.add = makeArgsTry(_add);
	            _$.event.remove = function() {
	                var arg, args = [];
	                for (var i = 0, l = arguments.length; i < l; i++) {
	                    arg = arguments[i];
	                    _isFunction(arg) && arg.tryWrap && (arg = arg.tryWrap);
	                    args.push(arg);
	                }
	                return _remove.apply(this, args);
	            };
	        }

	        var _ajax = _$.ajax;

	        if (_ajax) {
	            _$.ajax = function(url, setting) {
	                if (!setting) {
	                    setting = url;
	                    url = undefined;
	                }
	                makeObjTry(setting);
	                if (url) return _ajax.call(_$, url, setting);
	                return _ajax.call(_$, setting);
	            };
	        }

	        return tryJs;
	    };

	    /**
	     * wrap amd or commonjs of function  ,exp :  define , require ,
	     * @returns {Function}
	     */
	    tryJs.spyModules = function() {
	        var _require = global.require,
	            _define = global.define;
	        if (_define && _define.amd && _require) {
	            global.require = catArgs(_require);
	            _merge(global.require, _require);
	            global.define = catArgs(_define);
	            _merge(global.define, _define);
	        }

	        if (global.seajs && _define) {
	            global.define = function() {
	                var arg, args = [];
	                for (var i = 0, l = arguments.length; i < l; i++) {
	                    arg = arguments[i];
	                    if (_isFunction(arg)) {
	                        arg = cat(arg);
	                        //seajs should use toString parse dependencies , so rewrite it
	                        arg.toString = (function(orgArg) {
	                            return function() {
	                                return orgArg.toString();
	                            };
	                        }(arguments[i]));
	                    }
	                    args.push(arg);
	                }
	                return _define.apply(this, args);
	            };

	            global.seajs.use = catArgs(global.seajs.use);

	            _merge(global.define, _define);
	        }

	        return tryJs;
	    };

	    /**
	     * wrap async of function in window , exp : setTimeout , setInterval
	     * @returns {Function}
	     */
	    tryJs.spySystem = function() {
	        global.setTimeout = catTimeout(global.setTimeout);
	        global.setInterval = catTimeout(global.setInterval);
	        return tryJs;
	    };

	    /**
	     * wrap custom of function ,
	     * @param obj - obj or  function
	     * @returns {Function}
	     */
	    tryJs.spyCustom = function(obj) {
	        if (_isFunction(obj)) {
	            return cat(obj);
	        } else {
	            return makeObjTry(obj);
	        }
	    };

	    /**
	     * run spyJquery() and spyModules() and spySystem()
	     * @returns {Function}
	     */
	    tryJs.spyAll = function() {
	        tryJs
	            .spyJquery()
	            .spyModules()
	            .spySystem();
	        return tryJs;
	    };

	}(window));


/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';

	var _photoswipe = __webpack_require__(15);

	var _photoswipe2 = _interopRequireDefault(_photoswipe);

	var _photoswipeUiDefault = __webpack_require__(16);

	var _photoswipeUiDefault2 = _interopRequireDefault(_photoswipeUiDefault);

	__webpack_require__(17);

	__webpack_require__(22);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	window.PhotoSwipe = _photoswipe2.default;
	window.PhotoSwipeUI_Default = _photoswipeUiDefault2.default;

	function init() {
		var pswpElement = document.querySelectorAll('.pswp')[0];
		var $imgArr = document.querySelectorAll('.article-entry img:not(.reward-img)');

		$imgArr.forEach(function ($em, i) {
			$em.onclick = function () {
				// slider展开状态
				// todo: 这样不好，后面改成状态
				if (document.querySelector('.left-col.show')) return;
				var items = [];
				$imgArr.forEach(function ($em2, i2) {
					var img = $em2.getAttribute('data-idx', i2);
					var src = $em2.getAttribute('data-target') || $em2.getAttribute('src');
					var title = $em2.getAttribute('alt');
					items.push({
						src: src,
						w: $em2.width,
						h: $em2.height,
						title: title
					});
				});
				var gallery = new _photoswipe2.default(pswpElement, _photoswipeUiDefault2.default, items, {
					index: parseInt(i)
				});
				gallery.init();
			};
		});
	}

	module.exports = {
		init: init
	};

/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! PhotoSwipe - v4.1.2 - 2017-04-05
	* http://photoswipe.com
	* Copyright (c) 2017 Dmitry Semenov; */
	(function (root, factory) { 
		if (true) {
			!(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
		} else if (typeof exports === 'object') {
			module.exports = factory();
		} else {
			root.PhotoSwipe = factory();
		}
	})(this, function () {

		'use strict';
		var PhotoSwipe = function(template, UiClass, items, options){

	/*>>framework-bridge*/
	/**
	 *
	 * Set of generic functions used by gallery.
	 * 
	 * You're free to modify anything here as long as functionality is kept.
	 * 
	 */
	var framework = {
		features: null,
		bind: function(target, type, listener, unbind) {
			var methodName = (unbind ? 'remove' : 'add') + 'EventListener';
			type = type.split(' ');
			for(var i = 0; i < type.length; i++) {
				if(type[i]) {
					target[methodName]( type[i], listener, false);
				}
			}
		},
		isArray: function(obj) {
			return (obj instanceof Array);
		},
		createEl: function(classes, tag) {
			var el = document.createElement(tag || 'div');
			if(classes) {
				el.className = classes;
			}
			return el;
		},
		getScrollY: function() {
			var yOffset = window.pageYOffset;
			return yOffset !== undefined ? yOffset : document.documentElement.scrollTop;
		},
		unbind: function(target, type, listener) {
			framework.bind(target,type,listener,true);
		},
		removeClass: function(el, className) {
			var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
			el.className = el.className.replace(reg, ' ').replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 
		},
		addClass: function(el, className) {
			if( !framework.hasClass(el,className) ) {
				el.className += (el.className ? ' ' : '') + className;
			}
		},
		hasClass: function(el, className) {
			return el.className && new RegExp('(^|\\s)' + className + '(\\s|$)').test(el.className);
		},
		getChildByClass: function(parentEl, childClassName) {
			var node = parentEl.firstChild;
			while(node) {
				if( framework.hasClass(node, childClassName) ) {
					return node;
				}
				node = node.nextSibling;
			}
		},
		arraySearch: function(array, value, key) {
			var i = array.length;
			while(i--) {
				if(array[i][key] === value) {
					return i;
				} 
			}
			return -1;
		},
		extend: function(o1, o2, preventOverwrite) {
			for (var prop in o2) {
				if (o2.hasOwnProperty(prop)) {
					if(preventOverwrite && o1.hasOwnProperty(prop)) {
						continue;
					}
					o1[prop] = o2[prop];
				}
			}
		},
		easing: {
			sine: {
				out: function(k) {
					return Math.sin(k * (Math.PI / 2));
				},
				inOut: function(k) {
					return - (Math.cos(Math.PI * k) - 1) / 2;
				}
			},
			cubic: {
				out: function(k) {
					return --k * k * k + 1;
				}
			}
			/*
				elastic: {
					out: function ( k ) {

						var s, a = 0.1, p = 0.4;
						if ( k === 0 ) return 0;
						if ( k === 1 ) return 1;
						if ( !a || a < 1 ) { a = 1; s = p / 4; }
						else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
						return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );

					},
				},
				back: {
					out: function ( k ) {
						var s = 1.70158;
						return --k * k * ( ( s + 1 ) * k + s ) + 1;
					}
				}
			*/
		},

		/**
		 * 
		 * @return {object}
		 * 
		 * {
		 *  raf : request animation frame function
		 *  caf : cancel animation frame function
		 *  transfrom : transform property key (with vendor), or null if not supported
		 *  oldIE : IE8 or below
		 * }
		 * 
		 */
		detectFeatures: function() {
			if(framework.features) {
				return framework.features;
			}
			var helperEl = framework.createEl(),
				helperStyle = helperEl.style,
				vendor = '',
				features = {};

			// IE8 and below
			features.oldIE = document.all && !document.addEventListener;

			features.touch = 'ontouchstart' in window;

			if(window.requestAnimationFrame) {
				features.raf = window.requestAnimationFrame;
				features.caf = window.cancelAnimationFrame;
			}

			features.pointerEvent = navigator.pointerEnabled || navigator.msPointerEnabled;

			// fix false-positive detection of old Android in new IE
			// (IE11 ua string contains "Android 4.0")
			
			if(!features.pointerEvent) { 

				var ua = navigator.userAgent;

				// Detect if device is iPhone or iPod and if it's older than iOS 8
				// http://stackoverflow.com/a/14223920
				// 
				// This detection is made because of buggy top/bottom toolbars
				// that don't trigger window.resize event.
				// For more info refer to _isFixedPosition variable in core.js

				if (/iP(hone|od)/.test(navigator.platform)) {
					var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
					if(v && v.length > 0) {
						v = parseInt(v[1], 10);
						if(v >= 1 && v < 8 ) {
							features.isOldIOSPhone = true;
						}
					}
				}

				// Detect old Android (before KitKat)
				// due to bugs related to position:fixed
				// http://stackoverflow.com/questions/7184573/pick-up-the-android-version-in-the-browser-by-javascript
				
				var match = ua.match(/Android\s([0-9\.]*)/);
				var androidversion =  match ? match[1] : 0;
				androidversion = parseFloat(androidversion);
				if(androidversion >= 1 ) {
					if(androidversion < 4.4) {
						features.isOldAndroid = true; // for fixed position bug & performance
					}
					features.androidVersion = androidversion; // for touchend bug
				}	
				features.isMobileOpera = /opera mini|opera mobi/i.test(ua);

				// p.s. yes, yes, UA sniffing is bad, propose your solution for above bugs.
			}
			
			var styleChecks = ['transform', 'perspective', 'animationName'],
				vendors = ['', 'webkit','Moz','ms','O'],
				styleCheckItem,
				styleName;

			for(var i = 0; i < 4; i++) {
				vendor = vendors[i];

				for(var a = 0; a < 3; a++) {
					styleCheckItem = styleChecks[a];

					// uppercase first letter of property name, if vendor is present
					styleName = vendor + (vendor ? 
											styleCheckItem.charAt(0).toUpperCase() + styleCheckItem.slice(1) : 
											styleCheckItem);
				
					if(!features[styleCheckItem] && styleName in helperStyle ) {
						features[styleCheckItem] = styleName;
					}
				}

				if(vendor && !features.raf) {
					vendor = vendor.toLowerCase();
					features.raf = window[vendor+'RequestAnimationFrame'];
					if(features.raf) {
						features.caf = window[vendor+'CancelAnimationFrame'] || 
										window[vendor+'CancelRequestAnimationFrame'];
					}
				}
			}
				
			if(!features.raf) {
				var lastTime = 0;
				features.raf = function(fn) {
					var currTime = new Date().getTime();
					var timeToCall = Math.max(0, 16 - (currTime - lastTime));
					var id = window.setTimeout(function() { fn(currTime + timeToCall); }, timeToCall);
					lastTime = currTime + timeToCall;
					return id;
				};
				features.caf = function(id) { clearTimeout(id); };
			}

			// Detect SVG support
			features.svg = !!document.createElementNS && 
							!!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;

			framework.features = features;

			return features;
		}
	};

	framework.detectFeatures();

	// Override addEventListener for old versions of IE
	if(framework.features.oldIE) {

		framework.bind = function(target, type, listener, unbind) {
			
			type = type.split(' ');

			var methodName = (unbind ? 'detach' : 'attach') + 'Event',
				evName,
				_handleEv = function() {
					listener.handleEvent.call(listener);
				};

			for(var i = 0; i < type.length; i++) {
				evName = type[i];
				if(evName) {

					if(typeof listener === 'object' && listener.handleEvent) {
						if(!unbind) {
							listener['oldIE' + evName] = _handleEv;
						} else {
							if(!listener['oldIE' + evName]) {
								return false;
							}
						}

						target[methodName]( 'on' + evName, listener['oldIE' + evName]);
					} else {
						target[methodName]( 'on' + evName, listener);
					}

				}
			}
		};
		
	}

	/*>>framework-bridge*/

	/*>>core*/
	//function(template, UiClass, items, options)

	var self = this;

	/**
	 * Static vars, don't change unless you know what you're doing.
	 */
	var DOUBLE_TAP_RADIUS = 25, 
		NUM_HOLDERS = 3;

	/**
	 * Options
	 */
	var _options = {
		allowPanToNext:true,
		spacing: 0.12,
		bgOpacity: 1,
		mouseUsed: false,
		loop: true,
		pinchToClose: true,
		closeOnScroll: true,
		closeOnVerticalDrag: true,
		verticalDragRange: 0.75,
		hideAnimationDuration: 333,
		showAnimationDuration: 333,
		showHideOpacity: false,
		focus: true,
		escKey: true,
		arrowKeys: true,
		mainScrollEndFriction: 0.35,
		panEndFriction: 0.35,
		isClickableElement: function(el) {
	        return el.tagName === 'A';
	    },
	    getDoubleTapZoom: function(isMouseClick, item) {
	    	if(isMouseClick) {
	    		return 1;
	    	} else {
	    		return item.initialZoomLevel < 0.7 ? 1 : 1.33;
	    	}
	    },
	    maxSpreadZoom: 1.33,
		modal: true,

		// not fully implemented yet
		scaleMode: 'fit' // TODO
	};
	framework.extend(_options, options);


	/**
	 * Private helper variables & functions
	 */

	var _getEmptyPoint = function() { 
			return {x:0,y:0}; 
		};

	var _isOpen,
		_isDestroying,
		_closedByScroll,
		_currentItemIndex,
		_containerStyle,
		_containerShiftIndex,
		_currPanDist = _getEmptyPoint(),
		_startPanOffset = _getEmptyPoint(),
		_panOffset = _getEmptyPoint(),
		_upMoveEvents, // drag move, drag end & drag cancel events array
		_downEvents, // drag start events array
		_globalEventHandlers,
		_viewportSize = {},
		_currZoomLevel,
		_startZoomLevel,
		_translatePrefix,
		_translateSufix,
		_updateSizeInterval,
		_itemsNeedUpdate,
		_currPositionIndex = 0,
		_offset = {},
		_slideSize = _getEmptyPoint(), // size of slide area, including spacing
		_itemHolders,
		_prevItemIndex,
		_indexDiff = 0, // difference of indexes since last content update
		_dragStartEvent,
		_dragMoveEvent,
		_dragEndEvent,
		_dragCancelEvent,
		_transformKey,
		_pointerEventEnabled,
		_isFixedPosition = true,
		_likelyTouchDevice,
		_modules = [],
		_requestAF,
		_cancelAF,
		_initalClassName,
		_initalWindowScrollY,
		_oldIE,
		_currentWindowScrollY,
		_features,
		_windowVisibleSize = {},
		_renderMaxResolution = false,
		_orientationChangeTimeout,


		// Registers PhotoSWipe module (History, Controller ...)
		_registerModule = function(name, module) {
			framework.extend(self, module.publicMethods);
			_modules.push(name);
		},

		_getLoopedId = function(index) {
			var numSlides = _getNumItems();
			if(index > numSlides - 1) {
				return index - numSlides;
			} else  if(index < 0) {
				return numSlides + index;
			}
			return index;
		},
		
		// Micro bind/trigger
		_listeners = {},
		_listen = function(name, fn) {
			if(!_listeners[name]) {
				_listeners[name] = [];
			}
			return _listeners[name].push(fn);
		},
		_shout = function(name) {
			var listeners = _listeners[name];

			if(listeners) {
				var args = Array.prototype.slice.call(arguments);
				args.shift();

				for(var i = 0; i < listeners.length; i++) {
					listeners[i].apply(self, args);
				}
			}
		},

		_getCurrentTime = function() {
			return new Date().getTime();
		},
		_applyBgOpacity = function(opacity) {
			_bgOpacity = opacity;
			self.bg.style.opacity = opacity * _options.bgOpacity;
		},

		_applyZoomTransform = function(styleObj,x,y,zoom,item) {
			if(!_renderMaxResolution || (item && item !== self.currItem) ) {
				zoom = zoom / (item ? item.fitRatio : self.currItem.fitRatio);	
			}
				
			styleObj[_transformKey] = _translatePrefix + x + 'px, ' + y + 'px' + _translateSufix + ' scale(' + zoom + ')';
		},
		_applyCurrentZoomPan = function( allowRenderResolution ) {
			if(_currZoomElementStyle) {

				if(allowRenderResolution) {
					if(_currZoomLevel > self.currItem.fitRatio) {
						if(!_renderMaxResolution) {
							_setImageSize(self.currItem, false, true);
							_renderMaxResolution = true;
						}
					} else {
						if(_renderMaxResolution) {
							_setImageSize(self.currItem);
							_renderMaxResolution = false;
						}
					}
				}
				

				_applyZoomTransform(_currZoomElementStyle, _panOffset.x, _panOffset.y, _currZoomLevel);
			}
		},
		_applyZoomPanToItem = function(item) {
			if(item.container) {

				_applyZoomTransform(item.container.style, 
									item.initialPosition.x, 
									item.initialPosition.y, 
									item.initialZoomLevel,
									item);
			}
		},
		_setTranslateX = function(x, elStyle) {
			elStyle[_transformKey] = _translatePrefix + x + 'px, 0px' + _translateSufix;
		},
		_moveMainScroll = function(x, dragging) {

			if(!_options.loop && dragging) {
				var newSlideIndexOffset = _currentItemIndex + (_slideSize.x * _currPositionIndex - x) / _slideSize.x,
					delta = Math.round(x - _mainScrollPos.x);

				if( (newSlideIndexOffset < 0 && delta > 0) || 
					(newSlideIndexOffset >= _getNumItems() - 1 && delta < 0) ) {
					x = _mainScrollPos.x + delta * _options.mainScrollEndFriction;
				} 
			}
			
			_mainScrollPos.x = x;
			_setTranslateX(x, _containerStyle);
		},
		_calculatePanOffset = function(axis, zoomLevel) {
			var m = _midZoomPoint[axis] - _offset[axis];
			return _startPanOffset[axis] + _currPanDist[axis] + m - m * ( zoomLevel / _startZoomLevel );
		},
		
		_equalizePoints = function(p1, p2) {
			p1.x = p2.x;
			p1.y = p2.y;
			if(p2.id) {
				p1.id = p2.id;
			}
		},
		_roundPoint = function(p) {
			p.x = Math.round(p.x);
			p.y = Math.round(p.y);
		},

		_mouseMoveTimeout = null,
		_onFirstMouseMove = function() {
			// Wait until mouse move event is fired at least twice during 100ms
			// We do this, because some mobile browsers trigger it on touchstart
			if(_mouseMoveTimeout ) { 
				framework.unbind(document, 'mousemove', _onFirstMouseMove);
				framework.addClass(template, 'pswp--has_mouse');
				_options.mouseUsed = true;
				_shout('mouseUsed');
			}
			_mouseMoveTimeout = setTimeout(function() {
				_mouseMoveTimeout = null;
			}, 100);
		},

		_bindEvents = function() {
			framework.bind(document, 'keydown', self);

			if(_features.transform) {
				// don't bind click event in browsers that don't support transform (mostly IE8)
				framework.bind(self.scrollWrap, 'click', self);
			}
			

			if(!_options.mouseUsed) {
				framework.bind(document, 'mousemove', _onFirstMouseMove);
			}

			framework.bind(window, 'resize scroll orientationchange', self);

			_shout('bindEvents');
		},

		_unbindEvents = function() {
			framework.unbind(window, 'resize scroll orientationchange', self);
			framework.unbind(window, 'scroll', _globalEventHandlers.scroll);
			framework.unbind(document, 'keydown', self);
			framework.unbind(document, 'mousemove', _onFirstMouseMove);

			if(_features.transform) {
				framework.unbind(self.scrollWrap, 'click', self);
			}

			if(_isDragging) {
				framework.unbind(window, _upMoveEvents, self);
			}

			clearTimeout(_orientationChangeTimeout);

			_shout('unbindEvents');
		},
		
		_calculatePanBounds = function(zoomLevel, update) {
			var bounds = _calculateItemSize( self.currItem, _viewportSize, zoomLevel );
			if(update) {
				_currPanBounds = bounds;
			}
			return bounds;
		},
		
		_getMinZoomLevel = function(item) {
			if(!item) {
				item = self.currItem;
			}
			return item.initialZoomLevel;
		},
		_getMaxZoomLevel = function(item) {
			if(!item) {
				item = self.currItem;
			}
			return item.w > 0 ? _options.maxSpreadZoom : 1;
		},

		// Return true if offset is out of the bounds
		_modifyDestPanOffset = function(axis, destPanBounds, destPanOffset, destZoomLevel) {
			if(destZoomLevel === self.currItem.initialZoomLevel) {
				destPanOffset[axis] = self.currItem.initialPosition[axis];
				return true;
			} else {
				destPanOffset[axis] = _calculatePanOffset(axis, destZoomLevel); 

				if(destPanOffset[axis] > destPanBounds.min[axis]) {
					destPanOffset[axis] = destPanBounds.min[axis];
					return true;
				} else if(destPanOffset[axis] < destPanBounds.max[axis] ) {
					destPanOffset[axis] = destPanBounds.max[axis];
					return true;
				}
			}
			return false;
		},

		_setupTransforms = function() {

			if(_transformKey) {
				// setup 3d transforms
				var allow3dTransform = _features.perspective && !_likelyTouchDevice;
				_translatePrefix = 'translate' + (allow3dTransform ? '3d(' : '(');
				_translateSufix = _features.perspective ? ', 0px)' : ')';	
				return;
			}

			// Override zoom/pan/move functions in case old browser is used (most likely IE)
			// (so they use left/top/width/height, instead of CSS transform)
		
			_transformKey = 'left';
			framework.addClass(template, 'pswp--ie');

			_setTranslateX = function(x, elStyle) {
				elStyle.left = x + 'px';
			};
			_applyZoomPanToItem = function(item) {

				var zoomRatio = item.fitRatio > 1 ? 1 : item.fitRatio,
					s = item.container.style,
					w = zoomRatio * item.w,
					h = zoomRatio * item.h;

				s.width = w + 'px';
				s.height = h + 'px';
				s.left = item.initialPosition.x + 'px';
				s.top = item.initialPosition.y + 'px';

			};
			_applyCurrentZoomPan = function() {
				if(_currZoomElementStyle) {

					var s = _currZoomElementStyle,
						item = self.currItem,
						zoomRatio = item.fitRatio > 1 ? 1 : item.fitRatio,
						w = zoomRatio * item.w,
						h = zoomRatio * item.h;

					s.width = w + 'px';
					s.height = h + 'px';


					s.left = _panOffset.x + 'px';
					s.top = _panOffset.y + 'px';
				}
				
			};
		},

		_onKeyDown = function(e) {
			var keydownAction = '';
			if(_options.escKey && e.keyCode === 27) { 
				keydownAction = 'close';
			} else if(_options.arrowKeys) {
				if(e.keyCode === 37) {
					keydownAction = 'prev';
				} else if(e.keyCode === 39) { 
					keydownAction = 'next';
				}
			}

			if(keydownAction) {
				// don't do anything if special key pressed to prevent from overriding default browser actions
				// e.g. in Chrome on Mac cmd+arrow-left returns to previous page
				if( !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey ) {
					if(e.preventDefault) {
						e.preventDefault();
					} else {
						e.returnValue = false;
					} 
					self[keydownAction]();
				}
			}
		},

		_onGlobalClick = function(e) {
			if(!e) {
				return;
			}

			// don't allow click event to pass through when triggering after drag or some other gesture
			if(_moved || _zoomStarted || _mainScrollAnimating || _verticalDragInitiated) {
				e.preventDefault();
				e.stopPropagation();
			}
		},

		_updatePageScrollOffset = function() {
			self.setScrollOffset(0, framework.getScrollY());		
		};
		


		



	// Micro animation engine
	var _animations = {},
		_numAnimations = 0,
		_stopAnimation = function(name) {
			if(_animations[name]) {
				if(_animations[name].raf) {
					_cancelAF( _animations[name].raf );
				}
				_numAnimations--;
				delete _animations[name];
			}
		},
		_registerStartAnimation = function(name) {
			if(_animations[name]) {
				_stopAnimation(name);
			}
			if(!_animations[name]) {
				_numAnimations++;
				_animations[name] = {};
			}
		},
		_stopAllAnimations = function() {
			for (var prop in _animations) {

				if( _animations.hasOwnProperty( prop ) ) {
					_stopAnimation(prop);
				} 
				
			}
		},
		_animateProp = function(name, b, endProp, d, easingFn, onUpdate, onComplete) {
			var startAnimTime = _getCurrentTime(), t;
			_registerStartAnimation(name);

			var animloop = function(){
				if ( _animations[name] ) {
					
					t = _getCurrentTime() - startAnimTime; // time diff
					//b - beginning (start prop)
					//d - anim duration

					if ( t >= d ) {
						_stopAnimation(name);
						onUpdate(endProp);
						if(onComplete) {
							onComplete();
						}
						return;
					}
					onUpdate( (endProp - b) * easingFn(t/d) + b );

					_animations[name].raf = _requestAF(animloop);
				}
			};
			animloop();
		};
		


	var publicMethods = {

		// make a few local variables and functions public
		shout: _shout,
		listen: _listen,
		viewportSize: _viewportSize,
		options: _options,

		isMainScrollAnimating: function() {
			return _mainScrollAnimating;
		},
		getZoomLevel: function() {
			return _currZoomLevel;
		},
		getCurrentIndex: function() {
			return _currentItemIndex;
		},
		isDragging: function() {
			return _isDragging;
		},	
		isZooming: function() {
			return _isZooming;
		},
		setScrollOffset: function(x,y) {
			_offset.x = x;
			_currentWindowScrollY = _offset.y = y;
			_shout('updateScrollOffset', _offset);
		},
		applyZoomPan: function(zoomLevel,panX,panY,allowRenderResolution) {
			_panOffset.x = panX;
			_panOffset.y = panY;
			_currZoomLevel = zoomLevel;
			_applyCurrentZoomPan( allowRenderResolution );
		},

		init: function() {

			if(_isOpen || _isDestroying) {
				return;
			}

			var i;

			self.framework = framework; // basic functionality
			self.template = template; // root DOM element of PhotoSwipe
			self.bg = framework.getChildByClass(template, 'pswp__bg');

			_initalClassName = template.className;
			_isOpen = true;
					
			_features = framework.detectFeatures();
			_requestAF = _features.raf;
			_cancelAF = _features.caf;
			_transformKey = _features.transform;
			_oldIE = _features.oldIE;
			
			self.scrollWrap = framework.getChildByClass(template, 'pswp__scroll-wrap');
			self.container = framework.getChildByClass(self.scrollWrap, 'pswp__container');

			_containerStyle = self.container.style; // for fast access

			// Objects that hold slides (there are only 3 in DOM)
			self.itemHolders = _itemHolders = [
				{el:self.container.children[0] , wrap:0, index: -1},
				{el:self.container.children[1] , wrap:0, index: -1},
				{el:self.container.children[2] , wrap:0, index: -1}
			];

			// hide nearby item holders until initial zoom animation finishes (to avoid extra Paints)
			_itemHolders[0].el.style.display = _itemHolders[2].el.style.display = 'none';

			_setupTransforms();

			// Setup global events
			_globalEventHandlers = {
				resize: self.updateSize,

				// Fixes: iOS 10.3 resize event
				// does not update scrollWrap.clientWidth instantly after resize
				// https://github.com/dimsemenov/PhotoSwipe/issues/1315
				orientationchange: function() {
					clearTimeout(_orientationChangeTimeout);
					_orientationChangeTimeout = setTimeout(function() {
						if(_viewportSize.x !== self.scrollWrap.clientWidth) {
							self.updateSize();
						}
					}, 500);
				},
				scroll: _updatePageScrollOffset,
				keydown: _onKeyDown,
				click: _onGlobalClick
			};

			// disable show/hide effects on old browsers that don't support CSS animations or transforms, 
			// old IOS, Android and Opera mobile. Blackberry seems to work fine, even older models.
			var oldPhone = _features.isOldIOSPhone || _features.isOldAndroid || _features.isMobileOpera;
			if(!_features.animationName || !_features.transform || oldPhone) {
				_options.showAnimationDuration = _options.hideAnimationDuration = 0;
			}

			// init modules
			for(i = 0; i < _modules.length; i++) {
				self['init' + _modules[i]]();
			}
			
			// init
			if(UiClass) {
				var ui = self.ui = new UiClass(self, framework);
				ui.init();
			}

			_shout('firstUpdate');
			_currentItemIndex = _currentItemIndex || _options.index || 0;
			// validate index
			if( isNaN(_currentItemIndex) || _currentItemIndex < 0 || _currentItemIndex >= _getNumItems() ) {
				_currentItemIndex = 0;
			}
			self.currItem = _getItemAt( _currentItemIndex );

			
			if(_features.isOldIOSPhone || _features.isOldAndroid) {
				_isFixedPosition = false;
			}
			
			template.setAttribute('aria-hidden', 'false');
			if(_options.modal) {
				if(!_isFixedPosition) {
					template.style.position = 'absolute';
					template.style.top = framework.getScrollY() + 'px';
				} else {
					template.style.position = 'fixed';
				}
			}

			if(_currentWindowScrollY === undefined) {
				_shout('initialLayout');
				_currentWindowScrollY = _initalWindowScrollY = framework.getScrollY();
			}
			
			// add classes to root element of PhotoSwipe
			var rootClasses = 'pswp--open ';
			if(_options.mainClass) {
				rootClasses += _options.mainClass + ' ';
			}
			if(_options.showHideOpacity) {
				rootClasses += 'pswp--animate_opacity ';
			}
			rootClasses += _likelyTouchDevice ? 'pswp--touch' : 'pswp--notouch';
			rootClasses += _features.animationName ? ' pswp--css_animation' : '';
			rootClasses += _features.svg ? ' pswp--svg' : '';
			framework.addClass(template, rootClasses);

			self.updateSize();

			// initial update
			_containerShiftIndex = -1;
			_indexDiff = null;
			for(i = 0; i < NUM_HOLDERS; i++) {
				_setTranslateX( (i+_containerShiftIndex) * _slideSize.x, _itemHolders[i].el.style);
			}

			if(!_oldIE) {
				framework.bind(self.scrollWrap, _downEvents, self); // no dragging for old IE
			}	

			_listen('initialZoomInEnd', function() {
				self.setContent(_itemHolders[0], _currentItemIndex-1);
				self.setContent(_itemHolders[2], _currentItemIndex+1);

				_itemHolders[0].el.style.display = _itemHolders[2].el.style.display = 'block';

				if(_options.focus) {
					// focus causes layout, 
					// which causes lag during the animation, 
					// that's why we delay it untill the initial zoom transition ends
					template.focus();
				}
				 

				_bindEvents();
			});

			// set content for center slide (first time)
			self.setContent(_itemHolders[1], _currentItemIndex);
			
			self.updateCurrItem();

			_shout('afterInit');

			if(!_isFixedPosition) {

				// On all versions of iOS lower than 8.0, we check size of viewport every second.
				// 
				// This is done to detect when Safari top & bottom bars appear, 
				// as this action doesn't trigger any events (like resize). 
				// 
				// On iOS8 they fixed this.
				// 
				// 10 Nov 2014: iOS 7 usage ~40%. iOS 8 usage 56%.
				
				_updateSizeInterval = setInterval(function() {
					if(!_numAnimations && !_isDragging && !_isZooming && (_currZoomLevel === self.currItem.initialZoomLevel)  ) {
						self.updateSize();
					}
				}, 1000);
			}

			framework.addClass(template, 'pswp--visible');
		},

		// Close the gallery, then destroy it
		close: function() {
			if(!_isOpen) {
				return;
			}

			_isOpen = false;
			_isDestroying = true;
			_shout('close');
			_unbindEvents();

			_showOrHide(self.currItem, null, true, self.destroy);
		},

		// destroys the gallery (unbinds events, cleans up intervals and timeouts to avoid memory leaks)
		destroy: function() {
			_shout('destroy');

			if(_showOrHideTimeout) {
				clearTimeout(_showOrHideTimeout);
			}
			
			template.setAttribute('aria-hidden', 'true');
			template.className = _initalClassName;

			if(_updateSizeInterval) {
				clearInterval(_updateSizeInterval);
			}

			framework.unbind(self.scrollWrap, _downEvents, self);

			// we unbind scroll event at the end, as closing animation may depend on it
			framework.unbind(window, 'scroll', self);

			_stopDragUpdateLoop();

			_stopAllAnimations();

			_listeners = null;
		},

		/**
		 * Pan image to position
		 * @param {Number} x     
		 * @param {Number} y     
		 * @param {Boolean} force Will ignore bounds if set to true.
		 */
		panTo: function(x,y,force) {
			if(!force) {
				if(x > _currPanBounds.min.x) {
					x = _currPanBounds.min.x;
				} else if(x < _currPanBounds.max.x) {
					x = _currPanBounds.max.x;
				}

				if(y > _currPanBounds.min.y) {
					y = _currPanBounds.min.y;
				} else if(y < _currPanBounds.max.y) {
					y = _currPanBounds.max.y;
				}
			}
			
			_panOffset.x = x;
			_panOffset.y = y;
			_applyCurrentZoomPan();
		},
		
		handleEvent: function (e) {
			e = e || window.event;
			if(_globalEventHandlers[e.type]) {
				_globalEventHandlers[e.type](e);
			}
		},


		goTo: function(index) {

			index = _getLoopedId(index);

			var diff = index - _currentItemIndex;
			_indexDiff = diff;

			_currentItemIndex = index;
			self.currItem = _getItemAt( _currentItemIndex );
			_currPositionIndex -= diff;
			
			_moveMainScroll(_slideSize.x * _currPositionIndex);
			

			_stopAllAnimations();
			_mainScrollAnimating = false;

			self.updateCurrItem();
		},
		next: function() {
			self.goTo( _currentItemIndex + 1);
		},
		prev: function() {
			self.goTo( _currentItemIndex - 1);
		},

		// update current zoom/pan objects
		updateCurrZoomItem: function(emulateSetContent) {
			if(emulateSetContent) {
				_shout('beforeChange', 0);
			}

			// itemHolder[1] is middle (current) item
			if(_itemHolders[1].el.children.length) {
				var zoomElement = _itemHolders[1].el.children[0];
				if( framework.hasClass(zoomElement, 'pswp__zoom-wrap') ) {
					_currZoomElementStyle = zoomElement.style;
				} else {
					_currZoomElementStyle = null;
				}
			} else {
				_currZoomElementStyle = null;
			}
			
			_currPanBounds = self.currItem.bounds;	
			_startZoomLevel = _currZoomLevel = self.currItem.initialZoomLevel;

			_panOffset.x = _currPanBounds.center.x;
			_panOffset.y = _currPanBounds.center.y;

			if(emulateSetContent) {
				_shout('afterChange');
			}
		},


		invalidateCurrItems: function() {
			_itemsNeedUpdate = true;
			for(var i = 0; i < NUM_HOLDERS; i++) {
				if( _itemHolders[i].item ) {
					_itemHolders[i].item.needsUpdate = true;
				}
			}
		},

		updateCurrItem: function(beforeAnimation) {

			if(_indexDiff === 0) {
				return;
			}

			var diffAbs = Math.abs(_indexDiff),
				tempHolder;

			if(beforeAnimation && diffAbs < 2) {
				return;
			}


			self.currItem = _getItemAt( _currentItemIndex );
			_renderMaxResolution = false;
			
			_shout('beforeChange', _indexDiff);

			if(diffAbs >= NUM_HOLDERS) {
				_containerShiftIndex += _indexDiff + (_indexDiff > 0 ? -NUM_HOLDERS : NUM_HOLDERS);
				diffAbs = NUM_HOLDERS;
			}
			for(var i = 0; i < diffAbs; i++) {
				if(_indexDiff > 0) {
					tempHolder = _itemHolders.shift();
					_itemHolders[NUM_HOLDERS-1] = tempHolder; // move first to last

					_containerShiftIndex++;
					_setTranslateX( (_containerShiftIndex+2) * _slideSize.x, tempHolder.el.style);
					self.setContent(tempHolder, _currentItemIndex - diffAbs + i + 1 + 1);
				} else {
					tempHolder = _itemHolders.pop();
					_itemHolders.unshift( tempHolder ); // move last to first

					_containerShiftIndex--;
					_setTranslateX( _containerShiftIndex * _slideSize.x, tempHolder.el.style);
					self.setContent(tempHolder, _currentItemIndex + diffAbs - i - 1 - 1);
				}
				
			}

			// reset zoom/pan on previous item
			if(_currZoomElementStyle && Math.abs(_indexDiff) === 1) {

				var prevItem = _getItemAt(_prevItemIndex);
				if(prevItem.initialZoomLevel !== _currZoomLevel) {
					_calculateItemSize(prevItem , _viewportSize );
					_setImageSize(prevItem);
					_applyZoomPanToItem( prevItem ); 				
				}

			}

			// reset diff after update
			_indexDiff = 0;

			self.updateCurrZoomItem();

			_prevItemIndex = _currentItemIndex;

			_shout('afterChange');
			
		},



		updateSize: function(force) {
			
			if(!_isFixedPosition && _options.modal) {
				var windowScrollY = framework.getScrollY();
				if(_currentWindowScrollY !== windowScrollY) {
					template.style.top = windowScrollY + 'px';
					_currentWindowScrollY = windowScrollY;
				}
				if(!force && _windowVisibleSize.x === window.innerWidth && _windowVisibleSize.y === window.innerHeight) {
					return;
				}
				_windowVisibleSize.x = window.innerWidth;
				_windowVisibleSize.y = window.innerHeight;

				//template.style.width = _windowVisibleSize.x + 'px';
				template.style.height = _windowVisibleSize.y + 'px';
			}



			_viewportSize.x = self.scrollWrap.clientWidth;
			_viewportSize.y = self.scrollWrap.clientHeight;

			_updatePageScrollOffset();

			_slideSize.x = _viewportSize.x + Math.round(_viewportSize.x * _options.spacing);
			_slideSize.y = _viewportSize.y;

			_moveMainScroll(_slideSize.x * _currPositionIndex);

			_shout('beforeResize'); // even may be used for example to switch image sources


			// don't re-calculate size on inital size update
			if(_containerShiftIndex !== undefined) {

				var holder,
					item,
					hIndex;

				for(var i = 0; i < NUM_HOLDERS; i++) {
					holder = _itemHolders[i];
					_setTranslateX( (i+_containerShiftIndex) * _slideSize.x, holder.el.style);

					hIndex = _currentItemIndex+i-1;

					if(_options.loop && _getNumItems() > 2) {
						hIndex = _getLoopedId(hIndex);
					}

					// update zoom level on items and refresh source (if needsUpdate)
					item = _getItemAt( hIndex );

					// re-render gallery item if `needsUpdate`,
					// or doesn't have `bounds` (entirely new slide object)
					if( item && (_itemsNeedUpdate || item.needsUpdate || !item.bounds) ) {

						self.cleanSlide( item );
						
						self.setContent( holder, hIndex );

						// if "center" slide
						if(i === 1) {
							self.currItem = item;
							self.updateCurrZoomItem(true);
						}

						item.needsUpdate = false;

					} else if(holder.index === -1 && hIndex >= 0) {
						// add content first time
						self.setContent( holder, hIndex );
					}
					if(item && item.container) {
						_calculateItemSize(item, _viewportSize);
						_setImageSize(item);
						_applyZoomPanToItem( item );
					}
					
				}
				_itemsNeedUpdate = false;
			}	

			_startZoomLevel = _currZoomLevel = self.currItem.initialZoomLevel;
			_currPanBounds = self.currItem.bounds;

			if(_currPanBounds) {
				_panOffset.x = _currPanBounds.center.x;
				_panOffset.y = _currPanBounds.center.y;
				_applyCurrentZoomPan( true );
			}
			
			_shout('resize');
		},
		
		// Zoom current item to
		zoomTo: function(destZoomLevel, centerPoint, speed, easingFn, updateFn) {
			/*
				if(destZoomLevel === 'fit') {
					destZoomLevel = self.currItem.fitRatio;
				} else if(destZoomLevel === 'fill') {
					destZoomLevel = self.currItem.fillRatio;
				}
			*/

			if(centerPoint) {
				_startZoomLevel = _currZoomLevel;
				_midZoomPoint.x = Math.abs(centerPoint.x) - _panOffset.x ;
				_midZoomPoint.y = Math.abs(centerPoint.y) - _panOffset.y ;
				_equalizePoints(_startPanOffset, _panOffset);
			}

			var destPanBounds = _calculatePanBounds(destZoomLevel, false),
				destPanOffset = {};

			_modifyDestPanOffset('x', destPanBounds, destPanOffset, destZoomLevel);
			_modifyDestPanOffset('y', destPanBounds, destPanOffset, destZoomLevel);

			var initialZoomLevel = _currZoomLevel;
			var initialPanOffset = {
				x: _panOffset.x,
				y: _panOffset.y
			};

			_roundPoint(destPanOffset);

			var onUpdate = function(now) {
				if(now === 1) {
					_currZoomLevel = destZoomLevel;
					_panOffset.x = destPanOffset.x;
					_panOffset.y = destPanOffset.y;
				} else {
					_currZoomLevel = (destZoomLevel - initialZoomLevel) * now + initialZoomLevel;
					_panOffset.x = (destPanOffset.x - initialPanOffset.x) * now + initialPanOffset.x;
					_panOffset.y = (destPanOffset.y - initialPanOffset.y) * now + initialPanOffset.y;
				}

				if(updateFn) {
					updateFn(now);
				}

				_applyCurrentZoomPan( now === 1 );
			};

			if(speed) {
				_animateProp('customZoomTo', 0, 1, speed, easingFn || framework.easing.sine.inOut, onUpdate);
			} else {
				onUpdate(1);
			}
		}


	};


	/*>>core*/

	/*>>gestures*/
	/**
	 * Mouse/touch/pointer event handlers.
	 * 
	 * separated from @core.js for readability
	 */

	var MIN_SWIPE_DISTANCE = 30,
		DIRECTION_CHECK_OFFSET = 10; // amount of pixels to drag to determine direction of swipe

	var _gestureStartTime,
		_gestureCheckSpeedTime,

		// pool of objects that are used during dragging of zooming
		p = {}, // first point
		p2 = {}, // second point (for zoom gesture)
		delta = {},
		_currPoint = {},
		_startPoint = {},
		_currPointers = [],
		_startMainScrollPos = {},
		_releaseAnimData,
		_posPoints = [], // array of points during dragging, used to determine type of gesture
		_tempPoint = {},

		_isZoomingIn,
		_verticalDragInitiated,
		_oldAndroidTouchEndTimeout,
		_currZoomedItemIndex = 0,
		_centerPoint = _getEmptyPoint(),
		_lastReleaseTime = 0,
		_isDragging, // at least one pointer is down
		_isMultitouch, // at least two _pointers are down
		_zoomStarted, // zoom level changed during zoom gesture
		_moved,
		_dragAnimFrame,
		_mainScrollShifted,
		_currentPoints, // array of current touch points
		_isZooming,
		_currPointsDistance,
		_startPointsDistance,
		_currPanBounds,
		_mainScrollPos = _getEmptyPoint(),
		_currZoomElementStyle,
		_mainScrollAnimating, // true, if animation after swipe gesture is running
		_midZoomPoint = _getEmptyPoint(),
		_currCenterPoint = _getEmptyPoint(),
		_direction,
		_isFirstMove,
		_opacityChanged,
		_bgOpacity,
		_wasOverInitialZoom,

		_isEqualPoints = function(p1, p2) {
			return p1.x === p2.x && p1.y === p2.y;
		},
		_isNearbyPoints = function(touch0, touch1) {
			return Math.abs(touch0.x - touch1.x) < DOUBLE_TAP_RADIUS && Math.abs(touch0.y - touch1.y) < DOUBLE_TAP_RADIUS;
		},
		_calculatePointsDistance = function(p1, p2) {
			_tempPoint.x = Math.abs( p1.x - p2.x );
			_tempPoint.y = Math.abs( p1.y - p2.y );
			return Math.sqrt(_tempPoint.x * _tempPoint.x + _tempPoint.y * _tempPoint.y);
		},
		_stopDragUpdateLoop = function() {
			if(_dragAnimFrame) {
				_cancelAF(_dragAnimFrame);
				_dragAnimFrame = null;
			}
		},
		_dragUpdateLoop = function() {
			if(_isDragging) {
				_dragAnimFrame = _requestAF(_dragUpdateLoop);
				_renderMovement();
			}
		},
		_canPan = function() {
			return !(_options.scaleMode === 'fit' && _currZoomLevel ===  self.currItem.initialZoomLevel);
		},
		
		// find the closest parent DOM element
		_closestElement = function(el, fn) {
		  	if(!el || el === document) {
		  		return false;
		  	}

		  	// don't search elements above pswp__scroll-wrap
		  	if(el.getAttribute('class') && el.getAttribute('class').indexOf('pswp__scroll-wrap') > -1 ) {
		  		return false;
		  	}

		  	if( fn(el) ) {
		  		return el;
		  	}

		  	return _closestElement(el.parentNode, fn);
		},

		_preventObj = {},
		_preventDefaultEventBehaviour = function(e, isDown) {
		    _preventObj.prevent = !_closestElement(e.target, _options.isClickableElement);

			_shout('preventDragEvent', e, isDown, _preventObj);
			return _preventObj.prevent;

		},
		_convertTouchToPoint = function(touch, p) {
			p.x = touch.pageX;
			p.y = touch.pageY;
			p.id = touch.identifier;
			return p;
		},
		_findCenterOfPoints = function(p1, p2, pCenter) {
			pCenter.x = (p1.x + p2.x) * 0.5;
			pCenter.y = (p1.y + p2.y) * 0.5;
		},
		_pushPosPoint = function(time, x, y) {
			if(time - _gestureCheckSpeedTime > 50) {
				var o = _posPoints.length > 2 ? _posPoints.shift() : {};
				o.x = x;
				o.y = y; 
				_posPoints.push(o);
				_gestureCheckSpeedTime = time;
			}
		},

		_calculateVerticalDragOpacityRatio = function() {
			var yOffset = _panOffset.y - self.currItem.initialPosition.y; // difference between initial and current position
			return 1 -  Math.abs( yOffset / (_viewportSize.y / 2)  );
		},

		
		// points pool, reused during touch events
		_ePoint1 = {},
		_ePoint2 = {},
		_tempPointsArr = [],
		_tempCounter,
		_getTouchPoints = function(e) {
			// clean up previous points, without recreating array
			while(_tempPointsArr.length > 0) {
				_tempPointsArr.pop();
			}

			if(!_pointerEventEnabled) {
				if(e.type.indexOf('touch') > -1) {

					if(e.touches && e.touches.length > 0) {
						_tempPointsArr[0] = _convertTouchToPoint(e.touches[0], _ePoint1);
						if(e.touches.length > 1) {
							_tempPointsArr[1] = _convertTouchToPoint(e.touches[1], _ePoint2);
						}
					}
					
				} else {
					_ePoint1.x = e.pageX;
					_ePoint1.y = e.pageY;
					_ePoint1.id = '';
					_tempPointsArr[0] = _ePoint1;//_ePoint1;
				}
			} else {
				_tempCounter = 0;
				// we can use forEach, as pointer events are supported only in modern browsers
				_currPointers.forEach(function(p) {
					if(_tempCounter === 0) {
						_tempPointsArr[0] = p;
					} else if(_tempCounter === 1) {
						_tempPointsArr[1] = p;
					}
					_tempCounter++;

				});
			}
			return _tempPointsArr;
		},

		_panOrMoveMainScroll = function(axis, delta) {

			var panFriction,
				overDiff = 0,
				newOffset = _panOffset[axis] + delta[axis],
				startOverDiff,
				dir = delta[axis] > 0,
				newMainScrollPosition = _mainScrollPos.x + delta.x,
				mainScrollDiff = _mainScrollPos.x - _startMainScrollPos.x,
				newPanPos,
				newMainScrollPos;

			// calculate fdistance over the bounds and friction
			if(newOffset > _currPanBounds.min[axis] || newOffset < _currPanBounds.max[axis]) {
				panFriction = _options.panEndFriction;
				// Linear increasing of friction, so at 1/4 of viewport it's at max value. 
				// Looks not as nice as was expected. Left for history.
				// panFriction = (1 - (_panOffset[axis] + delta[axis] + panBounds.min[axis]) / (_viewportSize[axis] / 4) );
			} else {
				panFriction = 1;
			}
			
			newOffset = _panOffset[axis] + delta[axis] * panFriction;

			// move main scroll or start panning
			if(_options.allowPanToNext || _currZoomLevel === self.currItem.initialZoomLevel) {


				if(!_currZoomElementStyle) {
					
					newMainScrollPos = newMainScrollPosition;

				} else if(_direction === 'h' && axis === 'x' && !_zoomStarted ) {
					
					if(dir) {
						if(newOffset > _currPanBounds.min[axis]) {
							panFriction = _options.panEndFriction;
							overDiff = _currPanBounds.min[axis] - newOffset;
							startOverDiff = _currPanBounds.min[axis] - _startPanOffset[axis];
						}
						
						// drag right
						if( (startOverDiff <= 0 || mainScrollDiff < 0) && _getNumItems() > 1 ) {
							newMainScrollPos = newMainScrollPosition;
							if(mainScrollDiff < 0 && newMainScrollPosition > _startMainScrollPos.x) {
								newMainScrollPos = _startMainScrollPos.x;
							}
						} else {
							if(_currPanBounds.min.x !== _currPanBounds.max.x) {
								newPanPos = newOffset;
							}
							
						}

					} else {

						if(newOffset < _currPanBounds.max[axis] ) {
							panFriction =_options.panEndFriction;
							overDiff = newOffset - _currPanBounds.max[axis];
							startOverDiff = _startPanOffset[axis] - _currPanBounds.max[axis];
						}

						if( (startOverDiff <= 0 || mainScrollDiff > 0) && _getNumItems() > 1 ) {
							newMainScrollPos = newMainScrollPosition;

							if(mainScrollDiff > 0 && newMainScrollPosition < _startMainScrollPos.x) {
								newMainScrollPos = _startMainScrollPos.x;
							}

						} else {
							if(_currPanBounds.min.x !== _currPanBounds.max.x) {
								newPanPos = newOffset;
							}
						}

					}


					//
				}

				if(axis === 'x') {

					if(newMainScrollPos !== undefined) {
						_moveMainScroll(newMainScrollPos, true);
						if(newMainScrollPos === _startMainScrollPos.x) {
							_mainScrollShifted = false;
						} else {
							_mainScrollShifted = true;
						}
					}

					if(_currPanBounds.min.x !== _currPanBounds.max.x) {
						if(newPanPos !== undefined) {
							_panOffset.x = newPanPos;
						} else if(!_mainScrollShifted) {
							_panOffset.x += delta.x * panFriction;
						}
					}

					return newMainScrollPos !== undefined;
				}

			}

			if(!_mainScrollAnimating) {
				
				if(!_mainScrollShifted) {
					if(_currZoomLevel > self.currItem.fitRatio) {
						_panOffset[axis] += delta[axis] * panFriction;
					
					}
				}

				
			}
			
		},

		// Pointerdown/touchstart/mousedown handler
		_onDragStart = function(e) {

			// Allow dragging only via left mouse button.
			// As this handler is not added in IE8 - we ignore e.which
			// 
			// http://www.quirksmode.org/js/events_properties.html
			// https://developer.mozilla.org/en-US/docs/Web/API/event.button
			if(e.type === 'mousedown' && e.button > 0  ) {
				return;
			}

			if(_initialZoomRunning) {
				e.preventDefault();
				return;
			}

			if(_oldAndroidTouchEndTimeout && e.type === 'mousedown') {
				return;
			}

			if(_preventDefaultEventBehaviour(e, true)) {
				e.preventDefault();
			}



			_shout('pointerDown');

			if(_pointerEventEnabled) {
				var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
				if(pointerIndex < 0) {
					pointerIndex = _currPointers.length;
				}
				_currPointers[pointerIndex] = {x:e.pageX, y:e.pageY, id: e.pointerId};
			}
			


			var startPointsList = _getTouchPoints(e),
				numPoints = startPointsList.length;

			_currentPoints = null;

			_stopAllAnimations();

			// init drag
			if(!_isDragging || numPoints === 1) {

				

				_isDragging = _isFirstMove = true;
				framework.bind(window, _upMoveEvents, self);

				_isZoomingIn = 
					_wasOverInitialZoom = 
					_opacityChanged = 
					_verticalDragInitiated = 
					_mainScrollShifted = 
					_moved = 
					_isMultitouch = 
					_zoomStarted = false;

				_direction = null;

				_shout('firstTouchStart', startPointsList);

				_equalizePoints(_startPanOffset, _panOffset);

				_currPanDist.x = _currPanDist.y = 0;
				_equalizePoints(_currPoint, startPointsList[0]);
				_equalizePoints(_startPoint, _currPoint);

				//_equalizePoints(_startMainScrollPos, _mainScrollPos);
				_startMainScrollPos.x = _slideSize.x * _currPositionIndex;

				_posPoints = [{
					x: _currPoint.x,
					y: _currPoint.y
				}];

				_gestureCheckSpeedTime = _gestureStartTime = _getCurrentTime();

				//_mainScrollAnimationEnd(true);
				_calculatePanBounds( _currZoomLevel, true );
				
				// Start rendering
				_stopDragUpdateLoop();
				_dragUpdateLoop();
				
			}

			// init zoom
			if(!_isZooming && numPoints > 1 && !_mainScrollAnimating && !_mainScrollShifted) {
				_startZoomLevel = _currZoomLevel;
				_zoomStarted = false; // true if zoom changed at least once

				_isZooming = _isMultitouch = true;
				_currPanDist.y = _currPanDist.x = 0;

				_equalizePoints(_startPanOffset, _panOffset);

				_equalizePoints(p, startPointsList[0]);
				_equalizePoints(p2, startPointsList[1]);

				_findCenterOfPoints(p, p2, _currCenterPoint);

				_midZoomPoint.x = Math.abs(_currCenterPoint.x) - _panOffset.x;
				_midZoomPoint.y = Math.abs(_currCenterPoint.y) - _panOffset.y;
				_currPointsDistance = _startPointsDistance = _calculatePointsDistance(p, p2);
			}


		},

		// Pointermove/touchmove/mousemove handler
		_onDragMove = function(e) {

			e.preventDefault();

			if(_pointerEventEnabled) {
				var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
				if(pointerIndex > -1) {
					var p = _currPointers[pointerIndex];
					p.x = e.pageX;
					p.y = e.pageY; 
				}
			}

			if(_isDragging) {
				var touchesList = _getTouchPoints(e);
				if(!_direction && !_moved && !_isZooming) {

					if(_mainScrollPos.x !== _slideSize.x * _currPositionIndex) {
						// if main scroll position is shifted – direction is always horizontal
						_direction = 'h';
					} else {
						var diff = Math.abs(touchesList[0].x - _currPoint.x) - Math.abs(touchesList[0].y - _currPoint.y);
						// check the direction of movement
						if(Math.abs(diff) >= DIRECTION_CHECK_OFFSET) {
							_direction = diff > 0 ? 'h' : 'v';
							_currentPoints = touchesList;
						}
					}
					
				} else {
					_currentPoints = touchesList;
				}
			}	
		},
		// 
		_renderMovement =  function() {

			if(!_currentPoints) {
				return;
			}

			var numPoints = _currentPoints.length;

			if(numPoints === 0) {
				return;
			}

			_equalizePoints(p, _currentPoints[0]);

			delta.x = p.x - _currPoint.x;
			delta.y = p.y - _currPoint.y;

			if(_isZooming && numPoints > 1) {
				// Handle behaviour for more than 1 point

				_currPoint.x = p.x;
				_currPoint.y = p.y;
			
				// check if one of two points changed
				if( !delta.x && !delta.y && _isEqualPoints(_currentPoints[1], p2) ) {
					return;
				}

				_equalizePoints(p2, _currentPoints[1]);


				if(!_zoomStarted) {
					_zoomStarted = true;
					_shout('zoomGestureStarted');
				}
				
				// Distance between two points
				var pointsDistance = _calculatePointsDistance(p,p2);

				var zoomLevel = _calculateZoomLevel(pointsDistance);

				// slightly over the of initial zoom level
				if(zoomLevel > self.currItem.initialZoomLevel + self.currItem.initialZoomLevel / 15) {
					_wasOverInitialZoom = true;
				}

				// Apply the friction if zoom level is out of the bounds
				var zoomFriction = 1,
					minZoomLevel = _getMinZoomLevel(),
					maxZoomLevel = _getMaxZoomLevel();

				if ( zoomLevel < minZoomLevel ) {
					
					if(_options.pinchToClose && !_wasOverInitialZoom && _startZoomLevel <= self.currItem.initialZoomLevel) {
						// fade out background if zooming out
						var minusDiff = minZoomLevel - zoomLevel;
						var percent = 1 - minusDiff / (minZoomLevel / 1.2);

						_applyBgOpacity(percent);
						_shout('onPinchClose', percent);
						_opacityChanged = true;
					} else {
						zoomFriction = (minZoomLevel - zoomLevel) / minZoomLevel;
						if(zoomFriction > 1) {
							zoomFriction = 1;
						}
						zoomLevel = minZoomLevel - zoomFriction * (minZoomLevel / 3);
					}
					
				} else if ( zoomLevel > maxZoomLevel ) {
					// 1.5 - extra zoom level above the max. E.g. if max is x6, real max 6 + 1.5 = 7.5
					zoomFriction = (zoomLevel - maxZoomLevel) / ( minZoomLevel * 6 );
					if(zoomFriction > 1) {
						zoomFriction = 1;
					}
					zoomLevel = maxZoomLevel + zoomFriction * minZoomLevel;
				}

				if(zoomFriction < 0) {
					zoomFriction = 0;
				}

				// distance between touch points after friction is applied
				_currPointsDistance = pointsDistance;

				// _centerPoint - The point in the middle of two pointers
				_findCenterOfPoints(p, p2, _centerPoint);
			
				// paning with two pointers pressed
				_currPanDist.x += _centerPoint.x - _currCenterPoint.x;
				_currPanDist.y += _centerPoint.y - _currCenterPoint.y;
				_equalizePoints(_currCenterPoint, _centerPoint);

				_panOffset.x = _calculatePanOffset('x', zoomLevel);
				_panOffset.y = _calculatePanOffset('y', zoomLevel);

				_isZoomingIn = zoomLevel > _currZoomLevel;
				_currZoomLevel = zoomLevel;
				_applyCurrentZoomPan();

			} else {

				// handle behaviour for one point (dragging or panning)

				if(!_direction) {
					return;
				}

				if(_isFirstMove) {
					_isFirstMove = false;

					// subtract drag distance that was used during the detection direction  

					if( Math.abs(delta.x) >= DIRECTION_CHECK_OFFSET) {
						delta.x -= _currentPoints[0].x - _startPoint.x;
					}
					
					if( Math.abs(delta.y) >= DIRECTION_CHECK_OFFSET) {
						delta.y -= _currentPoints[0].y - _startPoint.y;
					}
				}

				_currPoint.x = p.x;
				_currPoint.y = p.y;

				// do nothing if pointers position hasn't changed
				if(delta.x === 0 && delta.y === 0) {
					return;
				}

				if(_direction === 'v' && _options.closeOnVerticalDrag) {
					if(!_canPan()) {
						_currPanDist.y += delta.y;
						_panOffset.y += delta.y;

						var opacityRatio = _calculateVerticalDragOpacityRatio();

						_verticalDragInitiated = true;
						_shout('onVerticalDrag', opacityRatio);

						_applyBgOpacity(opacityRatio);
						_applyCurrentZoomPan();
						return ;
					}
				}

				_pushPosPoint(_getCurrentTime(), p.x, p.y);

				_moved = true;
				_currPanBounds = self.currItem.bounds;
				
				var mainScrollChanged = _panOrMoveMainScroll('x', delta);
				if(!mainScrollChanged) {
					_panOrMoveMainScroll('y', delta);

					_roundPoint(_panOffset);
					_applyCurrentZoomPan();
				}

			}

		},
		
		// Pointerup/pointercancel/touchend/touchcancel/mouseup event handler
		_onDragRelease = function(e) {

			if(_features.isOldAndroid ) {

				if(_oldAndroidTouchEndTimeout && e.type === 'mouseup') {
					return;
				}

				// on Android (v4.1, 4.2, 4.3 & possibly older) 
				// ghost mousedown/up event isn't preventable via e.preventDefault,
				// which causes fake mousedown event
				// so we block mousedown/up for 600ms
				if( e.type.indexOf('touch') > -1 ) {
					clearTimeout(_oldAndroidTouchEndTimeout);
					_oldAndroidTouchEndTimeout = setTimeout(function() {
						_oldAndroidTouchEndTimeout = 0;
					}, 600);
				}
				
			}

			_shout('pointerUp');

			if(_preventDefaultEventBehaviour(e, false)) {
				e.preventDefault();
			}

			var releasePoint;

			if(_pointerEventEnabled) {
				var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
				
				if(pointerIndex > -1) {
					releasePoint = _currPointers.splice(pointerIndex, 1)[0];

					if(navigator.pointerEnabled) {
						releasePoint.type = e.pointerType || 'mouse';
					} else {
						var MSPOINTER_TYPES = {
							4: 'mouse', // event.MSPOINTER_TYPE_MOUSE
							2: 'touch', // event.MSPOINTER_TYPE_TOUCH 
							3: 'pen' // event.MSPOINTER_TYPE_PEN
						};
						releasePoint.type = MSPOINTER_TYPES[e.pointerType];

						if(!releasePoint.type) {
							releasePoint.type = e.pointerType || 'mouse';
						}
					}

				}
			}

			var touchList = _getTouchPoints(e),
				gestureType,
				numPoints = touchList.length;

			if(e.type === 'mouseup') {
				numPoints = 0;
			}

			// Do nothing if there were 3 touch points or more
			if(numPoints === 2) {
				_currentPoints = null;
				return true;
			}

			// if second pointer released
			if(numPoints === 1) {
				_equalizePoints(_startPoint, touchList[0]);
			}				


			// pointer hasn't moved, send "tap release" point
			if(numPoints === 0 && !_direction && !_mainScrollAnimating) {
				if(!releasePoint) {
					if(e.type === 'mouseup') {
						releasePoint = {x: e.pageX, y: e.pageY, type:'mouse'};
					} else if(e.changedTouches && e.changedTouches[0]) {
						releasePoint = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY, type:'touch'};
					}		
				}

				_shout('touchRelease', e, releasePoint);
			}

			// Difference in time between releasing of two last touch points (zoom gesture)
			var releaseTimeDiff = -1;

			// Gesture completed, no pointers left
			if(numPoints === 0) {
				_isDragging = false;
				framework.unbind(window, _upMoveEvents, self);

				_stopDragUpdateLoop();

				if(_isZooming) {
					// Two points released at the same time
					releaseTimeDiff = 0;
				} else if(_lastReleaseTime !== -1) {
					releaseTimeDiff = _getCurrentTime() - _lastReleaseTime;
				}
			}
			_lastReleaseTime = numPoints === 1 ? _getCurrentTime() : -1;
			
			if(releaseTimeDiff !== -1 && releaseTimeDiff < 150) {
				gestureType = 'zoom';
			} else {
				gestureType = 'swipe';
			}

			if(_isZooming && numPoints < 2) {
				_isZooming = false;

				// Only second point released
				if(numPoints === 1) {
					gestureType = 'zoomPointerUp';
				}
				_shout('zoomGestureEnded');
			}

			_currentPoints = null;
			if(!_moved && !_zoomStarted && !_mainScrollAnimating && !_verticalDragInitiated) {
				// nothing to animate
				return;
			}
		
			_stopAllAnimations();

			
			if(!_releaseAnimData) {
				_releaseAnimData = _initDragReleaseAnimationData();
			}
			
			_releaseAnimData.calculateSwipeSpeed('x');


			if(_verticalDragInitiated) {

				var opacityRatio = _calculateVerticalDragOpacityRatio();

				if(opacityRatio < _options.verticalDragRange) {
					self.close();
				} else {
					var initalPanY = _panOffset.y,
						initialBgOpacity = _bgOpacity;

					_animateProp('verticalDrag', 0, 1, 300, framework.easing.cubic.out, function(now) {
						
						_panOffset.y = (self.currItem.initialPosition.y - initalPanY) * now + initalPanY;

						_applyBgOpacity(  (1 - initialBgOpacity) * now + initialBgOpacity );
						_applyCurrentZoomPan();
					});

					_shout('onVerticalDrag', 1);
				}

				return;
			}


			// main scroll 
			if(  (_mainScrollShifted || _mainScrollAnimating) && numPoints === 0) {
				var itemChanged = _finishSwipeMainScrollGesture(gestureType, _releaseAnimData);
				if(itemChanged) {
					return;
				}
				gestureType = 'zoomPointerUp';
			}

			// prevent zoom/pan animation when main scroll animation runs
			if(_mainScrollAnimating) {
				return;
			}
			
			// Complete simple zoom gesture (reset zoom level if it's out of the bounds)  
			if(gestureType !== 'swipe') {
				_completeZoomGesture();
				return;
			}
		
			// Complete pan gesture if main scroll is not shifted, and it's possible to pan current image
			if(!_mainScrollShifted && _currZoomLevel > self.currItem.fitRatio) {
				_completePanGesture(_releaseAnimData);
			}
		},


		// Returns object with data about gesture
		// It's created only once and then reused
		_initDragReleaseAnimationData  = function() {
			// temp local vars
			var lastFlickDuration,
				tempReleasePos;

			// s = this
			var s = {
				lastFlickOffset: {},
				lastFlickDist: {},
				lastFlickSpeed: {},
				slowDownRatio:  {},
				slowDownRatioReverse:  {},
				speedDecelerationRatio:  {},
				speedDecelerationRatioAbs:  {},
				distanceOffset:  {},
				backAnimDestination: {},
				backAnimStarted: {},
				calculateSwipeSpeed: function(axis) {
					

					if( _posPoints.length > 1) {
						lastFlickDuration = _getCurrentTime() - _gestureCheckSpeedTime + 50;
						tempReleasePos = _posPoints[_posPoints.length-2][axis];
					} else {
						lastFlickDuration = _getCurrentTime() - _gestureStartTime; // total gesture duration
						tempReleasePos = _startPoint[axis];
					}
					s.lastFlickOffset[axis] = _currPoint[axis] - tempReleasePos;
					s.lastFlickDist[axis] = Math.abs(s.lastFlickOffset[axis]);
					if(s.lastFlickDist[axis] > 20) {
						s.lastFlickSpeed[axis] = s.lastFlickOffset[axis] / lastFlickDuration;
					} else {
						s.lastFlickSpeed[axis] = 0;
					}
					if( Math.abs(s.lastFlickSpeed[axis]) < 0.1 ) {
						s.lastFlickSpeed[axis] = 0;
					}
					
					s.slowDownRatio[axis] = 0.95;
					s.slowDownRatioReverse[axis] = 1 - s.slowDownRatio[axis];
					s.speedDecelerationRatio[axis] = 1;
				},

				calculateOverBoundsAnimOffset: function(axis, speed) {
					if(!s.backAnimStarted[axis]) {

						if(_panOffset[axis] > _currPanBounds.min[axis]) {
							s.backAnimDestination[axis] = _currPanBounds.min[axis];
							
						} else if(_panOffset[axis] < _currPanBounds.max[axis]) {
							s.backAnimDestination[axis] = _currPanBounds.max[axis];
						}

						if(s.backAnimDestination[axis] !== undefined) {
							s.slowDownRatio[axis] = 0.7;
							s.slowDownRatioReverse[axis] = 1 - s.slowDownRatio[axis];
							if(s.speedDecelerationRatioAbs[axis] < 0.05) {

								s.lastFlickSpeed[axis] = 0;
								s.backAnimStarted[axis] = true;

								_animateProp('bounceZoomPan'+axis,_panOffset[axis], 
									s.backAnimDestination[axis], 
									speed || 300, 
									framework.easing.sine.out, 
									function(pos) {
										_panOffset[axis] = pos;
										_applyCurrentZoomPan();
									}
								);

							}
						}
					}
				},

				// Reduces the speed by slowDownRatio (per 10ms)
				calculateAnimOffset: function(axis) {
					if(!s.backAnimStarted[axis]) {
						s.speedDecelerationRatio[axis] = s.speedDecelerationRatio[axis] * (s.slowDownRatio[axis] + 
													s.slowDownRatioReverse[axis] - 
													s.slowDownRatioReverse[axis] * s.timeDiff / 10);

						s.speedDecelerationRatioAbs[axis] = Math.abs(s.lastFlickSpeed[axis] * s.speedDecelerationRatio[axis]);
						s.distanceOffset[axis] = s.lastFlickSpeed[axis] * s.speedDecelerationRatio[axis] * s.timeDiff;
						_panOffset[axis] += s.distanceOffset[axis];

					}
				},

				panAnimLoop: function() {
					if ( _animations.zoomPan ) {
						_animations.zoomPan.raf = _requestAF(s.panAnimLoop);

						s.now = _getCurrentTime();
						s.timeDiff = s.now - s.lastNow;
						s.lastNow = s.now;
						
						s.calculateAnimOffset('x');
						s.calculateAnimOffset('y');

						_applyCurrentZoomPan();
						
						s.calculateOverBoundsAnimOffset('x');
						s.calculateOverBoundsAnimOffset('y');


						if (s.speedDecelerationRatioAbs.x < 0.05 && s.speedDecelerationRatioAbs.y < 0.05) {

							// round pan position
							_panOffset.x = Math.round(_panOffset.x);
							_panOffset.y = Math.round(_panOffset.y);
							_applyCurrentZoomPan();
							
							_stopAnimation('zoomPan');
							return;
						}
					}

				}
			};
			return s;
		},

		_completePanGesture = function(animData) {
			// calculate swipe speed for Y axis (paanning)
			animData.calculateSwipeSpeed('y');

			_currPanBounds = self.currItem.bounds;
			
			animData.backAnimDestination = {};
			animData.backAnimStarted = {};

			// Avoid acceleration animation if speed is too low
			if(Math.abs(animData.lastFlickSpeed.x) <= 0.05 && Math.abs(animData.lastFlickSpeed.y) <= 0.05 ) {
				animData.speedDecelerationRatioAbs.x = animData.speedDecelerationRatioAbs.y = 0;

				// Run pan drag release animation. E.g. if you drag image and release finger without momentum.
				animData.calculateOverBoundsAnimOffset('x');
				animData.calculateOverBoundsAnimOffset('y');
				return true;
			}

			// Animation loop that controls the acceleration after pan gesture ends
			_registerStartAnimation('zoomPan');
			animData.lastNow = _getCurrentTime();
			animData.panAnimLoop();
		},


		_finishSwipeMainScrollGesture = function(gestureType, _releaseAnimData) {
			var itemChanged;
			if(!_mainScrollAnimating) {
				_currZoomedItemIndex = _currentItemIndex;
			}


			
			var itemsDiff;

			if(gestureType === 'swipe') {
				var totalShiftDist = _currPoint.x - _startPoint.x,
					isFastLastFlick = _releaseAnimData.lastFlickDist.x < 10;

				// if container is shifted for more than MIN_SWIPE_DISTANCE, 
				// and last flick gesture was in right direction
				if(totalShiftDist > MIN_SWIPE_DISTANCE && 
					(isFastLastFlick || _releaseAnimData.lastFlickOffset.x > 20) ) {
					// go to prev item
					itemsDiff = -1;
				} else if(totalShiftDist < -MIN_SWIPE_DISTANCE && 
					(isFastLastFlick || _releaseAnimData.lastFlickOffset.x < -20) ) {
					// go to next item
					itemsDiff = 1;
				}
			}

			var nextCircle;

			if(itemsDiff) {
				
				_currentItemIndex += itemsDiff;

				if(_currentItemIndex < 0) {
					_currentItemIndex = _options.loop ? _getNumItems()-1 : 0;
					nextCircle = true;
				} else if(_currentItemIndex >= _getNumItems()) {
					_currentItemIndex = _options.loop ? 0 : _getNumItems()-1;
					nextCircle = true;
				}

				if(!nextCircle || _options.loop) {
					_indexDiff += itemsDiff;
					_currPositionIndex -= itemsDiff;
					itemChanged = true;
				}
				

				
			}

			var animateToX = _slideSize.x * _currPositionIndex;
			var animateToDist = Math.abs( animateToX - _mainScrollPos.x );
			var finishAnimDuration;


			if(!itemChanged && animateToX > _mainScrollPos.x !== _releaseAnimData.lastFlickSpeed.x > 0) {
				// "return to current" duration, e.g. when dragging from slide 0 to -1
				finishAnimDuration = 333; 
			} else {
				finishAnimDuration = Math.abs(_releaseAnimData.lastFlickSpeed.x) > 0 ? 
										animateToDist / Math.abs(_releaseAnimData.lastFlickSpeed.x) : 
										333;

				finishAnimDuration = Math.min(finishAnimDuration, 400);
				finishAnimDuration = Math.max(finishAnimDuration, 250);
			}

			if(_currZoomedItemIndex === _currentItemIndex) {
				itemChanged = false;
			}
			
			_mainScrollAnimating = true;
			
			_shout('mainScrollAnimStart');

			_animateProp('mainScroll', _mainScrollPos.x, animateToX, finishAnimDuration, framework.easing.cubic.out, 
				_moveMainScroll,
				function() {
					_stopAllAnimations();
					_mainScrollAnimating = false;
					_currZoomedItemIndex = -1;
					
					if(itemChanged || _currZoomedItemIndex !== _currentItemIndex) {
						self.updateCurrItem();
					}
					
					_shout('mainScrollAnimComplete');
				}
			);

			if(itemChanged) {
				self.updateCurrItem(true);
			}

			return itemChanged;
		},

		_calculateZoomLevel = function(touchesDistance) {
			return  1 / _startPointsDistance * touchesDistance * _startZoomLevel;
		},

		// Resets zoom if it's out of bounds
		_completeZoomGesture = function() {
			var destZoomLevel = _currZoomLevel,
				minZoomLevel = _getMinZoomLevel(),
				maxZoomLevel = _getMaxZoomLevel();

			if ( _currZoomLevel < minZoomLevel ) {
				destZoomLevel = minZoomLevel;
			} else if ( _currZoomLevel > maxZoomLevel ) {
				destZoomLevel = maxZoomLevel;
			}

			var destOpacity = 1,
				onUpdate,
				initialOpacity = _bgOpacity;

			if(_opacityChanged && !_isZoomingIn && !_wasOverInitialZoom && _currZoomLevel < minZoomLevel) {
				//_closedByScroll = true;
				self.close();
				return true;
			}

			if(_opacityChanged) {
				onUpdate = function(now) {
					_applyBgOpacity(  (destOpacity - initialOpacity) * now + initialOpacity );
				};
			}

			self.zoomTo(destZoomLevel, 0, 200,  framework.easing.cubic.out, onUpdate);
			return true;
		};


	_registerModule('Gestures', {
		publicMethods: {

			initGestures: function() {

				// helper function that builds touch/pointer/mouse events
				var addEventNames = function(pref, down, move, up, cancel) {
					_dragStartEvent = pref + down;
					_dragMoveEvent = pref + move;
					_dragEndEvent = pref + up;
					if(cancel) {
						_dragCancelEvent = pref + cancel;
					} else {
						_dragCancelEvent = '';
					}
				};

				_pointerEventEnabled = _features.pointerEvent;
				if(_pointerEventEnabled && _features.touch) {
					// we don't need touch events, if browser supports pointer events
					_features.touch = false;
				}

				if(_pointerEventEnabled) {
					if(navigator.pointerEnabled) {
						addEventNames('pointer', 'down', 'move', 'up', 'cancel');
					} else {
						// IE10 pointer events are case-sensitive
						addEventNames('MSPointer', 'Down', 'Move', 'Up', 'Cancel');
					}
				} else if(_features.touch) {
					addEventNames('touch', 'start', 'move', 'end', 'cancel');
					_likelyTouchDevice = true;
				} else {
					addEventNames('mouse', 'down', 'move', 'up');	
				}

				_upMoveEvents = _dragMoveEvent + ' ' + _dragEndEvent  + ' ' +  _dragCancelEvent;
				_downEvents = _dragStartEvent;

				if(_pointerEventEnabled && !_likelyTouchDevice) {
					_likelyTouchDevice = (navigator.maxTouchPoints > 1) || (navigator.msMaxTouchPoints > 1);
				}
				// make variable public
				self.likelyTouchDevice = _likelyTouchDevice; 
				
				_globalEventHandlers[_dragStartEvent] = _onDragStart;
				_globalEventHandlers[_dragMoveEvent] = _onDragMove;
				_globalEventHandlers[_dragEndEvent] = _onDragRelease; // the Kraken

				if(_dragCancelEvent) {
					_globalEventHandlers[_dragCancelEvent] = _globalEventHandlers[_dragEndEvent];
				}

				// Bind mouse events on device with detected hardware touch support, in case it supports multiple types of input.
				if(_features.touch) {
					_downEvents += ' mousedown';
					_upMoveEvents += ' mousemove mouseup';
					_globalEventHandlers.mousedown = _globalEventHandlers[_dragStartEvent];
					_globalEventHandlers.mousemove = _globalEventHandlers[_dragMoveEvent];
					_globalEventHandlers.mouseup = _globalEventHandlers[_dragEndEvent];
				}

				if(!_likelyTouchDevice) {
					// don't allow pan to next slide from zoomed state on Desktop
					_options.allowPanToNext = false;
				}
			}

		}
	});


	/*>>gestures*/

	/*>>show-hide-transition*/
	/**
	 * show-hide-transition.js:
	 *
	 * Manages initial opening or closing transition.
	 *
	 * If you're not planning to use transition for gallery at all,
	 * you may set options hideAnimationDuration and showAnimationDuration to 0,
	 * and just delete startAnimation function.
	 * 
	 */


	var _showOrHideTimeout,
		_showOrHide = function(item, img, out, completeFn) {

			if(_showOrHideTimeout) {
				clearTimeout(_showOrHideTimeout);
			}

			_initialZoomRunning = true;
			_initialContentSet = true;
			
			// dimensions of small thumbnail {x:,y:,w:}.
			// Height is optional, as calculated based on large image.
			var thumbBounds; 
			if(item.initialLayout) {
				thumbBounds = item.initialLayout;
				item.initialLayout = null;
			} else {
				thumbBounds = _options.getThumbBoundsFn && _options.getThumbBoundsFn(_currentItemIndex);
			}

			var duration = out ? _options.hideAnimationDuration : _options.showAnimationDuration;

			var onComplete = function() {
				_stopAnimation('initialZoom');
				if(!out) {
					_applyBgOpacity(1);
					if(img) {
						img.style.display = 'block';
					}
					framework.addClass(template, 'pswp--animated-in');
					_shout('initialZoom' + (out ? 'OutEnd' : 'InEnd'));
				} else {
					self.template.removeAttribute('style');
					self.bg.removeAttribute('style');
				}

				if(completeFn) {
					completeFn();
				}
				_initialZoomRunning = false;
			};

			// if bounds aren't provided, just open gallery without animation
			if(!duration || !thumbBounds || thumbBounds.x === undefined) {

				_shout('initialZoom' + (out ? 'Out' : 'In') );

				_currZoomLevel = item.initialZoomLevel;
				_equalizePoints(_panOffset,  item.initialPosition );
				_applyCurrentZoomPan();

				template.style.opacity = out ? 0 : 1;
				_applyBgOpacity(1);

				if(duration) {
					setTimeout(function() {
						onComplete();
					}, duration);
				} else {
					onComplete();
				}

				return;
			}

			var startAnimation = function() {
				var closeWithRaf = _closedByScroll,
					fadeEverything = !self.currItem.src || self.currItem.loadError || _options.showHideOpacity;
				
				// apply hw-acceleration to image
				if(item.miniImg) {
					item.miniImg.style.webkitBackfaceVisibility = 'hidden';
				}

				if(!out) {
					_currZoomLevel = thumbBounds.w / item.w;
					_panOffset.x = thumbBounds.x;
					_panOffset.y = thumbBounds.y - _initalWindowScrollY;

					self[fadeEverything ? 'template' : 'bg'].style.opacity = 0.001;
					_applyCurrentZoomPan();
				}

				_registerStartAnimation('initialZoom');
				
				if(out && !closeWithRaf) {
					framework.removeClass(template, 'pswp--animated-in');
				}

				if(fadeEverything) {
					if(out) {
						framework[ (closeWithRaf ? 'remove' : 'add') + 'Class' ](template, 'pswp--animate_opacity');
					} else {
						setTimeout(function() {
							framework.addClass(template, 'pswp--animate_opacity');
						}, 30);
					}
				}

				_showOrHideTimeout = setTimeout(function() {

					_shout('initialZoom' + (out ? 'Out' : 'In') );
					

					if(!out) {

						// "in" animation always uses CSS transitions (instead of rAF).
						// CSS transition work faster here, 
						// as developer may also want to animate other things, 
						// like ui on top of sliding area, which can be animated just via CSS
						
						_currZoomLevel = item.initialZoomLevel;
						_equalizePoints(_panOffset,  item.initialPosition );
						_applyCurrentZoomPan();
						_applyBgOpacity(1);

						if(fadeEverything) {
							template.style.opacity = 1;
						} else {
							_applyBgOpacity(1);
						}

						_showOrHideTimeout = setTimeout(onComplete, duration + 20);
					} else {

						// "out" animation uses rAF only when PhotoSwipe is closed by browser scroll, to recalculate position
						var destZoomLevel = thumbBounds.w / item.w,
							initialPanOffset = {
								x: _panOffset.x,
								y: _panOffset.y
							},
							initialZoomLevel = _currZoomLevel,
							initalBgOpacity = _bgOpacity,
							onUpdate = function(now) {
								
								if(now === 1) {
									_currZoomLevel = destZoomLevel;
									_panOffset.x = thumbBounds.x;
									_panOffset.y = thumbBounds.y  - _currentWindowScrollY;
								} else {
									_currZoomLevel = (destZoomLevel - initialZoomLevel) * now + initialZoomLevel;
									_panOffset.x = (thumbBounds.x - initialPanOffset.x) * now + initialPanOffset.x;
									_panOffset.y = (thumbBounds.y - _currentWindowScrollY - initialPanOffset.y) * now + initialPanOffset.y;
								}
								
								_applyCurrentZoomPan();
								if(fadeEverything) {
									template.style.opacity = 1 - now;
								} else {
									_applyBgOpacity( initalBgOpacity - now * initalBgOpacity );
								}
							};

						if(closeWithRaf) {
							_animateProp('initialZoom', 0, 1, duration, framework.easing.cubic.out, onUpdate, onComplete);
						} else {
							onUpdate(1);
							_showOrHideTimeout = setTimeout(onComplete, duration + 20);
						}
					}
				
				}, out ? 25 : 90); // Main purpose of this delay is to give browser time to paint and
						// create composite layers of PhotoSwipe UI parts (background, controls, caption, arrows).
						// Which avoids lag at the beginning of scale transition.
			};
			startAnimation();

			
		};

	/*>>show-hide-transition*/

	/*>>items-controller*/
	/**
	*
	* Controller manages gallery items, their dimensions, and their content.
	* 
	*/

	var _items,
		_tempPanAreaSize = {},
		_imagesToAppendPool = [],
		_initialContentSet,
		_initialZoomRunning,
		_controllerDefaultOptions = {
			index: 0,
			errorMsg: '<div class="pswp__error-msg"><a href="%url%" target="_blank">The image</a> could not be loaded.</div>',
			forceProgressiveLoading: false, // TODO
			preload: [1,1],
			getNumItemsFn: function() {
				return _items.length;
			}
		};


	var _getItemAt,
		_getNumItems,
		_initialIsLoop,
		_getZeroBounds = function() {
			return {
				center:{x:0,y:0}, 
				max:{x:0,y:0}, 
				min:{x:0,y:0}
			};
		},
		_calculateSingleItemPanBounds = function(item, realPanElementW, realPanElementH ) {
			var bounds = item.bounds;

			// position of element when it's centered
			bounds.center.x = Math.round((_tempPanAreaSize.x - realPanElementW) / 2);
			bounds.center.y = Math.round((_tempPanAreaSize.y - realPanElementH) / 2) + item.vGap.top;

			// maximum pan position
			bounds.max.x = (realPanElementW > _tempPanAreaSize.x) ? 
								Math.round(_tempPanAreaSize.x - realPanElementW) : 
								bounds.center.x;
			
			bounds.max.y = (realPanElementH > _tempPanAreaSize.y) ? 
								Math.round(_tempPanAreaSize.y - realPanElementH) + item.vGap.top : 
								bounds.center.y;
			
			// minimum pan position
			bounds.min.x = (realPanElementW > _tempPanAreaSize.x) ? 0 : bounds.center.x;
			bounds.min.y = (realPanElementH > _tempPanAreaSize.y) ? item.vGap.top : bounds.center.y;
		},
		_calculateItemSize = function(item, viewportSize, zoomLevel) {

			if (item.src && !item.loadError) {
				var isInitial = !zoomLevel;
				
				if(isInitial) {
					if(!item.vGap) {
						item.vGap = {top:0,bottom:0};
					}
					// allows overriding vertical margin for individual items
					_shout('parseVerticalMargin', item);
				}


				_tempPanAreaSize.x = viewportSize.x;
				_tempPanAreaSize.y = viewportSize.y - item.vGap.top - item.vGap.bottom;

				if (isInitial) {
					var hRatio = _tempPanAreaSize.x / item.w;
					var vRatio = _tempPanAreaSize.y / item.h;

					item.fitRatio = hRatio < vRatio ? hRatio : vRatio;
					//item.fillRatio = hRatio > vRatio ? hRatio : vRatio;

					var scaleMode = _options.scaleMode;

					if (scaleMode === 'orig') {
						zoomLevel = 1;
					} else if (scaleMode === 'fit') {
						zoomLevel = item.fitRatio;
					}

					if (zoomLevel > 1) {
						zoomLevel = 1;
					}

					item.initialZoomLevel = zoomLevel;
					
					if(!item.bounds) {
						// reuse bounds object
						item.bounds = _getZeroBounds(); 
					}
				}

				if(!zoomLevel) {
					return;
				}

				_calculateSingleItemPanBounds(item, item.w * zoomLevel, item.h * zoomLevel);

				if (isInitial && zoomLevel === item.initialZoomLevel) {
					item.initialPosition = item.bounds.center;
				}

				return item.bounds;
			} else {
				item.w = item.h = 0;
				item.initialZoomLevel = item.fitRatio = 1;
				item.bounds = _getZeroBounds();
				item.initialPosition = item.bounds.center;

				// if it's not image, we return zero bounds (content is not zoomable)
				return item.bounds;
			}
			
		},

		


		_appendImage = function(index, item, baseDiv, img, preventAnimation, keepPlaceholder) {
			

			if(item.loadError) {
				return;
			}

			if(img) {

				item.imageAppended = true;
				_setImageSize(item, img, (item === self.currItem && _renderMaxResolution) );
				
				baseDiv.appendChild(img);

				if(keepPlaceholder) {
					setTimeout(function() {
						if(item && item.loaded && item.placeholder) {
							item.placeholder.style.display = 'none';
							item.placeholder = null;
						}
					}, 500);
				}
			}
		},
		


		_preloadImage = function(item) {
			item.loading = true;
			item.loaded = false;
			var img = item.img = framework.createEl('pswp__img', 'img');
			var onComplete = function() {
				item.loading = false;
				item.loaded = true;

				if(item.loadComplete) {
					item.loadComplete(item);
				} else {
					item.img = null; // no need to store image object
				}
				img.onload = img.onerror = null;
				img = null;
			};
			img.onload = onComplete;
			img.onerror = function() {
				item.loadError = true;
				onComplete();
			};		

			img.src = item.src;// + '?a=' + Math.random();

			return img;
		},
		_checkForError = function(item, cleanUp) {
			if(item.src && item.loadError && item.container) {

				if(cleanUp) {
					item.container.innerHTML = '';
				}

				item.container.innerHTML = _options.errorMsg.replace('%url%',  item.src );
				return true;
				
			}
		},
		_setImageSize = function(item, img, maxRes) {
			if(!item.src) {
				return;
			}

			if(!img) {
				img = item.container.lastChild;
			}

			var w = maxRes ? item.w : Math.round(item.w * item.fitRatio),
				h = maxRes ? item.h : Math.round(item.h * item.fitRatio);
			
			if(item.placeholder && !item.loaded) {
				item.placeholder.style.width = w + 'px';
				item.placeholder.style.height = h + 'px';
			}

			img.style.width = w + 'px';
			img.style.height = h + 'px';
		},
		_appendImagesPool = function() {

			if(_imagesToAppendPool.length) {
				var poolItem;

				for(var i = 0; i < _imagesToAppendPool.length; i++) {
					poolItem = _imagesToAppendPool[i];
					if( poolItem.holder.index === poolItem.index ) {
						_appendImage(poolItem.index, poolItem.item, poolItem.baseDiv, poolItem.img, false, poolItem.clearPlaceholder);
					}
				}
				_imagesToAppendPool = [];
			}
		};
		


	_registerModule('Controller', {

		publicMethods: {

			lazyLoadItem: function(index) {
				index = _getLoopedId(index);
				var item = _getItemAt(index);

				if(!item || ((item.loaded || item.loading) && !_itemsNeedUpdate)) {
					return;
				}

				_shout('gettingData', index, item);

				if (!item.src) {
					return;
				}

				_preloadImage(item);
			},
			initController: function() {
				framework.extend(_options, _controllerDefaultOptions, true);
				self.items = _items = items;
				_getItemAt = self.getItemAt;
				_getNumItems = _options.getNumItemsFn; //self.getNumItems;



				_initialIsLoop = _options.loop;
				if(_getNumItems() < 3) {
					_options.loop = false; // disable loop if less then 3 items
				}

				_listen('beforeChange', function(diff) {

					var p = _options.preload,
						isNext = diff === null ? true : (diff >= 0),
						preloadBefore = Math.min(p[0], _getNumItems() ),
						preloadAfter = Math.min(p[1], _getNumItems() ),
						i;


					for(i = 1; i <= (isNext ? preloadAfter : preloadBefore); i++) {
						self.lazyLoadItem(_currentItemIndex+i);
					}
					for(i = 1; i <= (isNext ? preloadBefore : preloadAfter); i++) {
						self.lazyLoadItem(_currentItemIndex-i);
					}
				});

				_listen('initialLayout', function() {
					self.currItem.initialLayout = _options.getThumbBoundsFn && _options.getThumbBoundsFn(_currentItemIndex);
				});

				_listen('mainScrollAnimComplete', _appendImagesPool);
				_listen('initialZoomInEnd', _appendImagesPool);



				_listen('destroy', function() {
					var item;
					for(var i = 0; i < _items.length; i++) {
						item = _items[i];
						// remove reference to DOM elements, for GC
						if(item.container) {
							item.container = null; 
						}
						if(item.placeholder) {
							item.placeholder = null;
						}
						if(item.img) {
							item.img = null;
						}
						if(item.preloader) {
							item.preloader = null;
						}
						if(item.loadError) {
							item.loaded = item.loadError = false;
						}
					}
					_imagesToAppendPool = null;
				});
			},


			getItemAt: function(index) {
				if (index >= 0) {
					return _items[index] !== undefined ? _items[index] : false;
				}
				return false;
			},

			allowProgressiveImg: function() {
				// 1. Progressive image loading isn't working on webkit/blink 
				//    when hw-acceleration (e.g. translateZ) is applied to IMG element.
				//    That's why in PhotoSwipe parent element gets zoom transform, not image itself.
				//    
				// 2. Progressive image loading sometimes blinks in webkit/blink when applying animation to parent element.
				//    That's why it's disabled on touch devices (mainly because of swipe transition)
				//    
				// 3. Progressive image loading sometimes doesn't work in IE (up to 11).

				// Don't allow progressive loading on non-large touch devices
				return _options.forceProgressiveLoading || !_likelyTouchDevice || _options.mouseUsed || screen.width > 1200; 
				// 1200 - to eliminate touch devices with large screen (like Chromebook Pixel)
			},

			setContent: function(holder, index) {

				if(_options.loop) {
					index = _getLoopedId(index);
				}

				var prevItem = self.getItemAt(holder.index);
				if(prevItem) {
					prevItem.container = null;
				}
		
				var item = self.getItemAt(index),
					img;
				
				if(!item) {
					holder.el.innerHTML = '';
					return;
				}

				// allow to override data
				_shout('gettingData', index, item);

				holder.index = index;
				holder.item = item;

				// base container DIV is created only once for each of 3 holders
				var baseDiv = item.container = framework.createEl('pswp__zoom-wrap'); 

				

				if(!item.src && item.html) {
					if(item.html.tagName) {
						baseDiv.appendChild(item.html);
					} else {
						baseDiv.innerHTML = item.html;
					}
				}

				_checkForError(item);

				_calculateItemSize(item, _viewportSize);
				
				if(item.src && !item.loadError && !item.loaded) {

					item.loadComplete = function(item) {

						// gallery closed before image finished loading
						if(!_isOpen) {
							return;
						}

						// check if holder hasn't changed while image was loading
						if(holder && holder.index === index ) {
							if( _checkForError(item, true) ) {
								item.loadComplete = item.img = null;
								_calculateItemSize(item, _viewportSize);
								_applyZoomPanToItem(item);

								if(holder.index === _currentItemIndex) {
									// recalculate dimensions
									self.updateCurrZoomItem();
								}
								return;
							}
							if( !item.imageAppended ) {
								if(_features.transform && (_mainScrollAnimating || _initialZoomRunning) ) {
									_imagesToAppendPool.push({
										item:item,
										baseDiv:baseDiv,
										img:item.img,
										index:index,
										holder:holder,
										clearPlaceholder:true
									});
								} else {
									_appendImage(index, item, baseDiv, item.img, _mainScrollAnimating || _initialZoomRunning, true);
								}
							} else {
								// remove preloader & mini-img
								if(!_initialZoomRunning && item.placeholder) {
									item.placeholder.style.display = 'none';
									item.placeholder = null;
								}
							}
						}

						item.loadComplete = null;
						item.img = null; // no need to store image element after it's added

						_shout('imageLoadComplete', index, item);
					};

					if(framework.features.transform) {
						
						var placeholderClassName = 'pswp__img pswp__img--placeholder'; 
						placeholderClassName += (item.msrc ? '' : ' pswp__img--placeholder--blank');

						var placeholder = framework.createEl(placeholderClassName, item.msrc ? 'img' : '');
						if(item.msrc) {
							placeholder.src = item.msrc;
						}
						
						_setImageSize(item, placeholder);

						baseDiv.appendChild(placeholder);
						item.placeholder = placeholder;

					}
					

					

					if(!item.loading) {
						_preloadImage(item);
					}


					if( self.allowProgressiveImg() ) {
						// just append image
						if(!_initialContentSet && _features.transform) {
							_imagesToAppendPool.push({
								item:item, 
								baseDiv:baseDiv, 
								img:item.img, 
								index:index, 
								holder:holder
							});
						} else {
							_appendImage(index, item, baseDiv, item.img, true, true);
						}
					}
					
				} else if(item.src && !item.loadError) {
					// image object is created every time, due to bugs of image loading & delay when switching images
					img = framework.createEl('pswp__img', 'img');
					img.style.opacity = 1;
					img.src = item.src;
					_setImageSize(item, img);
					_appendImage(index, item, baseDiv, img, true);
				}
				

				if(!_initialContentSet && index === _currentItemIndex) {
					_currZoomElementStyle = baseDiv.style;
					_showOrHide(item, (img ||item.img) );
				} else {
					_applyZoomPanToItem(item);
				}

				holder.el.innerHTML = '';
				holder.el.appendChild(baseDiv);
			},

			cleanSlide: function( item ) {
				if(item.img ) {
					item.img.onload = item.img.onerror = null;
				}
				item.loaded = item.loading = item.img = item.imageAppended = false;
			}

		}
	});

	/*>>items-controller*/

	/*>>tap*/
	/**
	 * tap.js:
	 *
	 * Displatches tap and double-tap events.
	 * 
	 */

	var tapTimer,
		tapReleasePoint = {},
		_dispatchTapEvent = function(origEvent, releasePoint, pointerType) {		
			var e = document.createEvent( 'CustomEvent' ),
				eDetail = {
					origEvent:origEvent, 
					target:origEvent.target, 
					releasePoint: releasePoint, 
					pointerType:pointerType || 'touch'
				};

			e.initCustomEvent( 'pswpTap', true, true, eDetail );
			origEvent.target.dispatchEvent(e);
		};

	_registerModule('Tap', {
		publicMethods: {
			initTap: function() {
				_listen('firstTouchStart', self.onTapStart);
				_listen('touchRelease', self.onTapRelease);
				_listen('destroy', function() {
					tapReleasePoint = {};
					tapTimer = null;
				});
			},
			onTapStart: function(touchList) {
				if(touchList.length > 1) {
					clearTimeout(tapTimer);
					tapTimer = null;
				}
			},
			onTapRelease: function(e, releasePoint) {
				if(!releasePoint) {
					return;
				}

				if(!_moved && !_isMultitouch && !_numAnimations) {
					var p0 = releasePoint;
					if(tapTimer) {
						clearTimeout(tapTimer);
						tapTimer = null;

						// Check if taped on the same place
						if ( _isNearbyPoints(p0, tapReleasePoint) ) {
							_shout('doubleTap', p0);
							return;
						}
					}

					if(releasePoint.type === 'mouse') {
						_dispatchTapEvent(e, releasePoint, 'mouse');
						return;
					}

					var clickedTagName = e.target.tagName.toUpperCase();
					// avoid double tap delay on buttons and elements that have class pswp__single-tap
					if(clickedTagName === 'BUTTON' || framework.hasClass(e.target, 'pswp__single-tap') ) {
						_dispatchTapEvent(e, releasePoint);
						return;
					}

					_equalizePoints(tapReleasePoint, p0);

					tapTimer = setTimeout(function() {
						_dispatchTapEvent(e, releasePoint);
						tapTimer = null;
					}, 300);
				}
			}
		}
	});

	/*>>tap*/

	/*>>desktop-zoom*/
	/**
	 *
	 * desktop-zoom.js:
	 *
	 * - Binds mousewheel event for paning zoomed image.
	 * - Manages "dragging", "zoomed-in", "zoom-out" classes.
	 *   (which are used for cursors and zoom icon)
	 * - Adds toggleDesktopZoom function.
	 * 
	 */

	var _wheelDelta;
		
	_registerModule('DesktopZoom', {

		publicMethods: {

			initDesktopZoom: function() {

				if(_oldIE) {
					// no zoom for old IE (<=8)
					return;
				}

				if(_likelyTouchDevice) {
					// if detected hardware touch support, we wait until mouse is used,
					// and only then apply desktop-zoom features
					_listen('mouseUsed', function() {
						self.setupDesktopZoom();
					});
				} else {
					self.setupDesktopZoom(true);
				}

			},

			setupDesktopZoom: function(onInit) {

				_wheelDelta = {};

				var events = 'wheel mousewheel DOMMouseScroll';
				
				_listen('bindEvents', function() {
					framework.bind(template, events,  self.handleMouseWheel);
				});

				_listen('unbindEvents', function() {
					if(_wheelDelta) {
						framework.unbind(template, events, self.handleMouseWheel);
					}
				});

				self.mouseZoomedIn = false;

				var hasDraggingClass,
					updateZoomable = function() {
						if(self.mouseZoomedIn) {
							framework.removeClass(template, 'pswp--zoomed-in');
							self.mouseZoomedIn = false;
						}
						if(_currZoomLevel < 1) {
							framework.addClass(template, 'pswp--zoom-allowed');
						} else {
							framework.removeClass(template, 'pswp--zoom-allowed');
						}
						removeDraggingClass();
					},
					removeDraggingClass = function() {
						if(hasDraggingClass) {
							framework.removeClass(template, 'pswp--dragging');
							hasDraggingClass = false;
						}
					};

				_listen('resize' , updateZoomable);
				_listen('afterChange' , updateZoomable);
				_listen('pointerDown', function() {
					if(self.mouseZoomedIn) {
						hasDraggingClass = true;
						framework.addClass(template, 'pswp--dragging');
					}
				});
				_listen('pointerUp', removeDraggingClass);

				if(!onInit) {
					updateZoomable();
				}
				
			},

			handleMouseWheel: function(e) {

				if(_currZoomLevel <= self.currItem.fitRatio) {
					if( _options.modal ) {

						if (!_options.closeOnScroll || _numAnimations || _isDragging) {
							e.preventDefault();
						} else if(_transformKey && Math.abs(e.deltaY) > 2) {
							// close PhotoSwipe
							// if browser supports transforms & scroll changed enough
							_closedByScroll = true;
							self.close();
						}

					}
					return true;
				}

				// allow just one event to fire
				e.stopPropagation();

				// https://developer.mozilla.org/en-US/docs/Web/Events/wheel
				_wheelDelta.x = 0;

				if('deltaX' in e) {
					if(e.deltaMode === 1 /* DOM_DELTA_LINE */) {
						// 18 - average line height
						_wheelDelta.x = e.deltaX * 18;
						_wheelDelta.y = e.deltaY * 18;
					} else {
						_wheelDelta.x = e.deltaX;
						_wheelDelta.y = e.deltaY;
					}
				} else if('wheelDelta' in e) {
					if(e.wheelDeltaX) {
						_wheelDelta.x = -0.16 * e.wheelDeltaX;
					}
					if(e.wheelDeltaY) {
						_wheelDelta.y = -0.16 * e.wheelDeltaY;
					} else {
						_wheelDelta.y = -0.16 * e.wheelDelta;
					}
				} else if('detail' in e) {
					_wheelDelta.y = e.detail;
				} else {
					return;
				}

				_calculatePanBounds(_currZoomLevel, true);

				var newPanX = _panOffset.x - _wheelDelta.x,
					newPanY = _panOffset.y - _wheelDelta.y;

				// only prevent scrolling in nonmodal mode when not at edges
				if (_options.modal ||
					(
					newPanX <= _currPanBounds.min.x && newPanX >= _currPanBounds.max.x &&
					newPanY <= _currPanBounds.min.y && newPanY >= _currPanBounds.max.y
					) ) {
					e.preventDefault();
				}

				// TODO: use rAF instead of mousewheel?
				self.panTo(newPanX, newPanY);
			},

			toggleDesktopZoom: function(centerPoint) {
				centerPoint = centerPoint || {x:_viewportSize.x/2 + _offset.x, y:_viewportSize.y/2 + _offset.y };

				var doubleTapZoomLevel = _options.getDoubleTapZoom(true, self.currItem);
				var zoomOut = _currZoomLevel === doubleTapZoomLevel;
				
				self.mouseZoomedIn = !zoomOut;

				self.zoomTo(zoomOut ? self.currItem.initialZoomLevel : doubleTapZoomLevel, centerPoint, 333);
				framework[ (!zoomOut ? 'add' : 'remove') + 'Class'](template, 'pswp--zoomed-in');
			}

		}
	});


	/*>>desktop-zoom*/

	/*>>history*/
	/**
	 *
	 * history.js:
	 *
	 * - Back button to close gallery.
	 * 
	 * - Unique URL for each slide: example.com/&pid=1&gid=3
	 *   (where PID is picture index, and GID and gallery index)
	 *   
	 * - Switch URL when slides change.
	 * 
	 */


	var _historyDefaultOptions = {
		history: true,
		galleryUID: 1
	};

	var _historyUpdateTimeout,
		_hashChangeTimeout,
		_hashAnimCheckTimeout,
		_hashChangedByScript,
		_hashChangedByHistory,
		_hashReseted,
		_initialHash,
		_historyChanged,
		_closedFromURL,
		_urlChangedOnce,
		_windowLoc,

		_supportsPushState,

		_getHash = function() {
			return _windowLoc.hash.substring(1);
		},
		_cleanHistoryTimeouts = function() {

			if(_historyUpdateTimeout) {
				clearTimeout(_historyUpdateTimeout);
			}

			if(_hashAnimCheckTimeout) {
				clearTimeout(_hashAnimCheckTimeout);
			}
		},

		// pid - Picture index
		// gid - Gallery index
		_parseItemIndexFromURL = function() {
			var hash = _getHash(),
				params = {};

			if(hash.length < 5) { // pid=1
				return params;
			}

			var i, vars = hash.split('&');
			for (i = 0; i < vars.length; i++) {
				if(!vars[i]) {
					continue;
				}
				var pair = vars[i].split('=');	
				if(pair.length < 2) {
					continue;
				}
				params[pair[0]] = pair[1];
			}
			if(_options.galleryPIDs) {
				// detect custom pid in hash and search for it among the items collection
				var searchfor = params.pid;
				params.pid = 0; // if custom pid cannot be found, fallback to the first item
				for(i = 0; i < _items.length; i++) {
					if(_items[i].pid === searchfor) {
						params.pid = i;
						break;
					}
				}
			} else {
				params.pid = parseInt(params.pid,10)-1;
			}
			if( params.pid < 0 ) {
				params.pid = 0;
			}
			return params;
		},
		_updateHash = function() {

			if(_hashAnimCheckTimeout) {
				clearTimeout(_hashAnimCheckTimeout);
			}


			if(_numAnimations || _isDragging) {
				// changing browser URL forces layout/paint in some browsers, which causes noticable lag during animation
				// that's why we update hash only when no animations running
				_hashAnimCheckTimeout = setTimeout(_updateHash, 500);
				return;
			}
			
			if(_hashChangedByScript) {
				clearTimeout(_hashChangeTimeout);
			} else {
				_hashChangedByScript = true;
			}


			var pid = (_currentItemIndex + 1);
			var item = _getItemAt( _currentItemIndex );
			if(item.hasOwnProperty('pid')) {
				// carry forward any custom pid assigned to the item
				pid = item.pid;
			}
			var newHash = _initialHash + '&'  +  'gid=' + _options.galleryUID + '&' + 'pid=' + pid;

			if(!_historyChanged) {
				if(_windowLoc.hash.indexOf(newHash) === -1) {
					_urlChangedOnce = true;
				}
				// first time - add new hisory record, then just replace
			}

			var newURL = _windowLoc.href.split('#')[0] + '#' +  newHash;

			if( _supportsPushState ) {

				if('#' + newHash !== window.location.hash) {
					history[_historyChanged ? 'replaceState' : 'pushState']('', document.title, newURL);
				}

			} else {
				if(_historyChanged) {
					_windowLoc.replace( newURL );
				} else {
					_windowLoc.hash = newHash;
				}
			}
			
			

			_historyChanged = true;
			_hashChangeTimeout = setTimeout(function() {
				_hashChangedByScript = false;
			}, 60);
		};



		

	_registerModule('History', {

		

		publicMethods: {
			initHistory: function() {

				framework.extend(_options, _historyDefaultOptions, true);

				if( !_options.history ) {
					return;
				}


				_windowLoc = window.location;
				_urlChangedOnce = false;
				_closedFromURL = false;
				_historyChanged = false;
				_initialHash = _getHash();
				_supportsPushState = ('pushState' in history);


				if(_initialHash.indexOf('gid=') > -1) {
					_initialHash = _initialHash.split('&gid=')[0];
					_initialHash = _initialHash.split('?gid=')[0];
				}
				

				_listen('afterChange', self.updateURL);
				_listen('unbindEvents', function() {
					framework.unbind(window, 'hashchange', self.onHashChange);
				});


				var returnToOriginal = function() {
					_hashReseted = true;
					if(!_closedFromURL) {

						if(_urlChangedOnce) {
							history.back();
						} else {

							if(_initialHash) {
								_windowLoc.hash = _initialHash;
							} else {
								if (_supportsPushState) {

									// remove hash from url without refreshing it or scrolling to top
									history.pushState('', document.title,  _windowLoc.pathname + _windowLoc.search );
								} else {
									_windowLoc.hash = '';
								}
							}
						}
						
					}

					_cleanHistoryTimeouts();
				};


				_listen('unbindEvents', function() {
					if(_closedByScroll) {
						// if PhotoSwipe is closed by scroll, we go "back" before the closing animation starts
						// this is done to keep the scroll position
						returnToOriginal();
					}
				});
				_listen('destroy', function() {
					if(!_hashReseted) {
						returnToOriginal();
					}
				});
				_listen('firstUpdate', function() {
					_currentItemIndex = _parseItemIndexFromURL().pid;
				});

				

				
				var index = _initialHash.indexOf('pid=');
				if(index > -1) {
					_initialHash = _initialHash.substring(0, index);
					if(_initialHash.slice(-1) === '&') {
						_initialHash = _initialHash.slice(0, -1);
					}
				}
				

				setTimeout(function() {
					if(_isOpen) { // hasn't destroyed yet
						framework.bind(window, 'hashchange', self.onHashChange);
					}
				}, 40);
				
			},
			onHashChange: function() {

				if(_getHash() === _initialHash) {

					_closedFromURL = true;
					self.close();
					return;
				}
				if(!_hashChangedByScript) {

					_hashChangedByHistory = true;
					self.goTo( _parseItemIndexFromURL().pid );
					_hashChangedByHistory = false;
				}
				
			},
			updateURL: function() {

				// Delay the update of URL, to avoid lag during transition, 
				// and to not to trigger actions like "refresh page sound" or "blinking favicon" to often
				
				_cleanHistoryTimeouts();
				

				if(_hashChangedByHistory) {
					return;
				}

				if(!_historyChanged) {
					_updateHash(); // first time
				} else {
					_historyUpdateTimeout = setTimeout(_updateHash, 800);
				}
			}
		
		}
	});


	/*>>history*/
		framework.extend(self, publicMethods); };
		return PhotoSwipe;
	});

/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! PhotoSwipe Default UI - 4.1.2 - 2017-04-05
	* http://photoswipe.com
	* Copyright (c) 2017 Dmitry Semenov; */
	/**
	*
	* UI on top of main sliding area (caption, arrows, close button, etc.).
	* Built just using public methods/properties of PhotoSwipe.
	* 
	*/
	(function (root, factory) { 
		if (true) {
			!(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
		} else if (typeof exports === 'object') {
			module.exports = factory();
		} else {
			root.PhotoSwipeUI_Default = factory();
		}
	})(this, function () {

		'use strict';



	var PhotoSwipeUI_Default =
	 function(pswp, framework) {

		var ui = this;
		var _overlayUIUpdated = false,
			_controlsVisible = true,
			_fullscrenAPI,
			_controls,
			_captionContainer,
			_fakeCaptionContainer,
			_indexIndicator,
			_shareButton,
			_shareModal,
			_shareModalHidden = true,
			_initalCloseOnScrollValue,
			_isIdle,
			_listen,

			_loadingIndicator,
			_loadingIndicatorHidden,
			_loadingIndicatorTimeout,

			_galleryHasOneSlide,

			_options,
			_defaultUIOptions = {
				barsSize: {top:44, bottom:'auto'},
				closeElClasses: ['item', 'caption', 'zoom-wrap', 'ui', 'top-bar'], 
				timeToIdle: 4000, 
				timeToIdleOutside: 1000,
				loadingIndicatorDelay: 1000, // 2s
				
				addCaptionHTMLFn: function(item, captionEl /*, isFake */) {
					if(!item.title) {
						captionEl.children[0].innerHTML = '';
						return false;
					}
					captionEl.children[0].innerHTML = item.title;
					return true;
				},

				closeEl:true,
				captionEl: true,
				fullscreenEl: true,
				zoomEl: true,
				shareEl: true,
				counterEl: true,
				arrowEl: true,
				preloaderEl: true,

				tapToClose: false,
				tapToToggleControls: true,

				clickToCloseNonZoomable: true,

				shareButtons: [
					{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'},
					{id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'},
					{id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/'+
														'?url={{url}}&media={{image_url}}&description={{text}}'},
					{id:'download', label:'Download image', url:'{{raw_image_url}}', download:true}
				],
				getImageURLForShare: function( /* shareButtonData */ ) {
					return pswp.currItem.src || '';
				},
				getPageURLForShare: function( /* shareButtonData */ ) {
					return window.location.href;
				},
				getTextForShare: function( /* shareButtonData */ ) {
					return pswp.currItem.title || '';
				},
					
				indexIndicatorSep: ' / ',
				fitControlsWidth: 1200

			},
			_blockControlsTap,
			_blockControlsTapTimeout;



		var _onControlsTap = function(e) {
				if(_blockControlsTap) {
					return true;
				}


				e = e || window.event;

				if(_options.timeToIdle && _options.mouseUsed && !_isIdle) {
					// reset idle timer
					_onIdleMouseMove();
				}


				var target = e.target || e.srcElement,
					uiElement,
					clickedClass = target.getAttribute('class') || '',
					found;

				for(var i = 0; i < _uiElements.length; i++) {
					uiElement = _uiElements[i];
					if(uiElement.onTap && clickedClass.indexOf('pswp__' + uiElement.name ) > -1 ) {
						uiElement.onTap();
						found = true;

					}
				}

				if(found) {
					if(e.stopPropagation) {
						e.stopPropagation();
					}
					_blockControlsTap = true;

					// Some versions of Android don't prevent ghost click event 
					// when preventDefault() was called on touchstart and/or touchend.
					// 
					// This happens on v4.3, 4.2, 4.1, 
					// older versions strangely work correctly, 
					// but just in case we add delay on all of them)	
					var tapDelay = framework.features.isOldAndroid ? 600 : 30;
					_blockControlsTapTimeout = setTimeout(function() {
						_blockControlsTap = false;
					}, tapDelay);
				}

			},
			_fitControlsInViewport = function() {
				return !pswp.likelyTouchDevice || _options.mouseUsed || screen.width > _options.fitControlsWidth;
			},
			_togglePswpClass = function(el, cName, add) {
				framework[ (add ? 'add' : 'remove') + 'Class' ](el, 'pswp__' + cName);
			},

			// add class when there is just one item in the gallery
			// (by default it hides left/right arrows and 1ofX counter)
			_countNumItems = function() {
				var hasOneSlide = (_options.getNumItemsFn() === 1);

				if(hasOneSlide !== _galleryHasOneSlide) {
					_togglePswpClass(_controls, 'ui--one-slide', hasOneSlide);
					_galleryHasOneSlide = hasOneSlide;
				}
			},
			_toggleShareModalClass = function() {
				_togglePswpClass(_shareModal, 'share-modal--hidden', _shareModalHidden);
			},
			_toggleShareModal = function() {

				_shareModalHidden = !_shareModalHidden;
				
				
				if(!_shareModalHidden) {
					_toggleShareModalClass();
					setTimeout(function() {
						if(!_shareModalHidden) {
							framework.addClass(_shareModal, 'pswp__share-modal--fade-in');
						}
					}, 30);
				} else {
					framework.removeClass(_shareModal, 'pswp__share-modal--fade-in');
					setTimeout(function() {
						if(_shareModalHidden) {
							_toggleShareModalClass();
						}
					}, 300);
				}
				
				if(!_shareModalHidden) {
					_updateShareURLs();
				}
				return false;
			},

			_openWindowPopup = function(e) {
				e = e || window.event;
				var target = e.target || e.srcElement;

				pswp.shout('shareLinkClick', e, target);

				if(!target.href) {
					return false;
				}

				if( target.hasAttribute('download') ) {
					return true;
				}

				window.open(target.href, 'pswp_share', 'scrollbars=yes,resizable=yes,toolbar=no,'+
											'location=yes,width=550,height=420,top=100,left=' + 
											(window.screen ? Math.round(screen.width / 2 - 275) : 100)  );

				if(!_shareModalHidden) {
					_toggleShareModal();
				}
				
				return false;
			},
			_updateShareURLs = function() {
				var shareButtonOut = '',
					shareButtonData,
					shareURL,
					image_url,
					page_url,
					share_text;

				for(var i = 0; i < _options.shareButtons.length; i++) {
					shareButtonData = _options.shareButtons[i];

					image_url = _options.getImageURLForShare(shareButtonData);
					page_url = _options.getPageURLForShare(shareButtonData);
					share_text = _options.getTextForShare(shareButtonData);

					shareURL = shareButtonData.url.replace('{{url}}', encodeURIComponent(page_url) )
										.replace('{{image_url}}', encodeURIComponent(image_url) )
										.replace('{{raw_image_url}}', image_url )
										.replace('{{text}}', encodeURIComponent(share_text) );

					shareButtonOut += '<a href="' + shareURL + '" target="_blank" '+
										'class="pswp__share--' + shareButtonData.id + '"' +
										(shareButtonData.download ? 'download' : '') + '>' + 
										shareButtonData.label + '</a>';

					if(_options.parseShareButtonOut) {
						shareButtonOut = _options.parseShareButtonOut(shareButtonData, shareButtonOut);
					}
				}
				_shareModal.children[0].innerHTML = shareButtonOut;
				_shareModal.children[0].onclick = _openWindowPopup;

			},
			_hasCloseClass = function(target) {
				for(var  i = 0; i < _options.closeElClasses.length; i++) {
					if( framework.hasClass(target, 'pswp__' + _options.closeElClasses[i]) ) {
						return true;
					}
				}
			},
			_idleInterval,
			_idleTimer,
			_idleIncrement = 0,
			_onIdleMouseMove = function() {
				clearTimeout(_idleTimer);
				_idleIncrement = 0;
				if(_isIdle) {
					ui.setIdle(false);
				}
			},
			_onMouseLeaveWindow = function(e) {
				e = e ? e : window.event;
				var from = e.relatedTarget || e.toElement;
				if (!from || from.nodeName === 'HTML') {
					clearTimeout(_idleTimer);
					_idleTimer = setTimeout(function() {
						ui.setIdle(true);
					}, _options.timeToIdleOutside);
				}
			},
			_setupFullscreenAPI = function() {
				if(_options.fullscreenEl && !framework.features.isOldAndroid) {
					if(!_fullscrenAPI) {
						_fullscrenAPI = ui.getFullscreenAPI();
					}
					if(_fullscrenAPI) {
						framework.bind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
						ui.updateFullscreen();
						framework.addClass(pswp.template, 'pswp--supports-fs');
					} else {
						framework.removeClass(pswp.template, 'pswp--supports-fs');
					}
				}
			},
			_setupLoadingIndicator = function() {
				// Setup loading indicator
				if(_options.preloaderEl) {
				
					_toggleLoadingIndicator(true);

					_listen('beforeChange', function() {

						clearTimeout(_loadingIndicatorTimeout);

						// display loading indicator with delay
						_loadingIndicatorTimeout = setTimeout(function() {

							if(pswp.currItem && pswp.currItem.loading) {

								if( !pswp.allowProgressiveImg() || (pswp.currItem.img && !pswp.currItem.img.naturalWidth)  ) {
									// show preloader if progressive loading is not enabled, 
									// or image width is not defined yet (because of slow connection)
									_toggleLoadingIndicator(false); 
									// items-controller.js function allowProgressiveImg
								}
								
							} else {
								_toggleLoadingIndicator(true); // hide preloader
							}

						}, _options.loadingIndicatorDelay);
						
					});
					_listen('imageLoadComplete', function(index, item) {
						if(pswp.currItem === item) {
							_toggleLoadingIndicator(true);
						}
					});

				}
			},
			_toggleLoadingIndicator = function(hide) {
				if( _loadingIndicatorHidden !== hide ) {
					_togglePswpClass(_loadingIndicator, 'preloader--active', !hide);
					_loadingIndicatorHidden = hide;
				}
			},
			_applyNavBarGaps = function(item) {
				var gap = item.vGap;

				if( _fitControlsInViewport() ) {
					
					var bars = _options.barsSize; 
					if(_options.captionEl && bars.bottom === 'auto') {
						if(!_fakeCaptionContainer) {
							_fakeCaptionContainer = framework.createEl('pswp__caption pswp__caption--fake');
							_fakeCaptionContainer.appendChild( framework.createEl('pswp__caption__center') );
							_controls.insertBefore(_fakeCaptionContainer, _captionContainer);
							framework.addClass(_controls, 'pswp__ui--fit');
						}
						if( _options.addCaptionHTMLFn(item, _fakeCaptionContainer, true) ) {

							var captionSize = _fakeCaptionContainer.clientHeight;
							gap.bottom = parseInt(captionSize,10) || 44;
						} else {
							gap.bottom = bars.top; // if no caption, set size of bottom gap to size of top
						}
					} else {
						gap.bottom = bars.bottom === 'auto' ? 0 : bars.bottom;
					}
					
					// height of top bar is static, no need to calculate it
					gap.top = bars.top;
				} else {
					gap.top = gap.bottom = 0;
				}
			},
			_setupIdle = function() {
				// Hide controls when mouse is used
				if(_options.timeToIdle) {
					_listen('mouseUsed', function() {
						
						framework.bind(document, 'mousemove', _onIdleMouseMove);
						framework.bind(document, 'mouseout', _onMouseLeaveWindow);

						_idleInterval = setInterval(function() {
							_idleIncrement++;
							if(_idleIncrement === 2) {
								ui.setIdle(true);
							}
						}, _options.timeToIdle / 2);
					});
				}
			},
			_setupHidingControlsDuringGestures = function() {

				// Hide controls on vertical drag
				_listen('onVerticalDrag', function(now) {
					if(_controlsVisible && now < 0.95) {
						ui.hideControls();
					} else if(!_controlsVisible && now >= 0.95) {
						ui.showControls();
					}
				});

				// Hide controls when pinching to close
				var pinchControlsHidden;
				_listen('onPinchClose' , function(now) {
					if(_controlsVisible && now < 0.9) {
						ui.hideControls();
						pinchControlsHidden = true;
					} else if(pinchControlsHidden && !_controlsVisible && now > 0.9) {
						ui.showControls();
					}
				});

				_listen('zoomGestureEnded', function() {
					pinchControlsHidden = false;
					if(pinchControlsHidden && !_controlsVisible) {
						ui.showControls();
					}
				});

			};



		var _uiElements = [
			{ 
				name: 'caption', 
				option: 'captionEl',
				onInit: function(el) {  
					_captionContainer = el; 
				} 
			},
			{ 
				name: 'share-modal', 
				option: 'shareEl',
				onInit: function(el) {  
					_shareModal = el;
				},
				onTap: function() {
					_toggleShareModal();
				} 
			},
			{ 
				name: 'button--share', 
				option: 'shareEl',
				onInit: function(el) { 
					_shareButton = el;
				},
				onTap: function() {
					_toggleShareModal();
				} 
			},
			{ 
				name: 'button--zoom', 
				option: 'zoomEl',
				onTap: pswp.toggleDesktopZoom
			},
			{ 
				name: 'counter', 
				option: 'counterEl',
				onInit: function(el) {  
					_indexIndicator = el;
				} 
			},
			{ 
				name: 'button--close', 
				option: 'closeEl',
				onTap: pswp.close
			},
			{ 
				name: 'button--arrow--left', 
				option: 'arrowEl',
				onTap: pswp.prev
			},
			{ 
				name: 'button--arrow--right', 
				option: 'arrowEl',
				onTap: pswp.next
			},
			{ 
				name: 'button--fs', 
				option: 'fullscreenEl',
				onTap: function() {  
					if(_fullscrenAPI.isFullscreen()) {
						_fullscrenAPI.exit();
					} else {
						_fullscrenAPI.enter();
					}
				} 
			},
			{ 
				name: 'preloader', 
				option: 'preloaderEl',
				onInit: function(el) {  
					_loadingIndicator = el;
				} 
			}

		];

		var _setupUIElements = function() {
			var item,
				classAttr,
				uiElement;

			var loopThroughChildElements = function(sChildren) {
				if(!sChildren) {
					return;
				}

				var l = sChildren.length;
				for(var i = 0; i < l; i++) {
					item = sChildren[i];
					classAttr = item.className;

					for(var a = 0; a < _uiElements.length; a++) {
						uiElement = _uiElements[a];

						if(classAttr.indexOf('pswp__' + uiElement.name) > -1  ) {

							if( _options[uiElement.option] ) { // if element is not disabled from options
								
								framework.removeClass(item, 'pswp__element--disabled');
								if(uiElement.onInit) {
									uiElement.onInit(item);
								}
								
								//item.style.display = 'block';
							} else {
								framework.addClass(item, 'pswp__element--disabled');
								//item.style.display = 'none';
							}
						}
					}
				}
			};
			loopThroughChildElements(_controls.children);

			var topBar =  framework.getChildByClass(_controls, 'pswp__top-bar');
			if(topBar) {
				loopThroughChildElements( topBar.children );
			}
		};


		

		ui.init = function() {

			// extend options
			framework.extend(pswp.options, _defaultUIOptions, true);

			// create local link for fast access
			_options = pswp.options;

			// find pswp__ui element
			_controls = framework.getChildByClass(pswp.scrollWrap, 'pswp__ui');

			// create local link
			_listen = pswp.listen;


			_setupHidingControlsDuringGestures();

			// update controls when slides change
			_listen('beforeChange', ui.update);

			// toggle zoom on double-tap
			_listen('doubleTap', function(point) {
				var initialZoomLevel = pswp.currItem.initialZoomLevel;
				if(pswp.getZoomLevel() !== initialZoomLevel) {
					pswp.zoomTo(initialZoomLevel, point, 333);
				} else {
					pswp.zoomTo(_options.getDoubleTapZoom(false, pswp.currItem), point, 333);
				}
			});

			// Allow text selection in caption
			_listen('preventDragEvent', function(e, isDown, preventObj) {
				var t = e.target || e.srcElement;
				if(
					t && 
					t.getAttribute('class') && e.type.indexOf('mouse') > -1 && 
					( t.getAttribute('class').indexOf('__caption') > 0 || (/(SMALL|STRONG|EM)/i).test(t.tagName) ) 
				) {
					preventObj.prevent = false;
				}
			});

			// bind events for UI
			_listen('bindEvents', function() {
				framework.bind(_controls, 'pswpTap click', _onControlsTap);
				framework.bind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);

				if(!pswp.likelyTouchDevice) {
					framework.bind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
				}
			});

			// unbind events for UI
			_listen('unbindEvents', function() {
				if(!_shareModalHidden) {
					_toggleShareModal();
				}

				if(_idleInterval) {
					clearInterval(_idleInterval);
				}
				framework.unbind(document, 'mouseout', _onMouseLeaveWindow);
				framework.unbind(document, 'mousemove', _onIdleMouseMove);
				framework.unbind(_controls, 'pswpTap click', _onControlsTap);
				framework.unbind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
				framework.unbind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);

				if(_fullscrenAPI) {
					framework.unbind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
					if(_fullscrenAPI.isFullscreen()) {
						_options.hideAnimationDuration = 0;
						_fullscrenAPI.exit();
					}
					_fullscrenAPI = null;
				}
			});


			// clean up things when gallery is destroyed
			_listen('destroy', function() {
				if(_options.captionEl) {
					if(_fakeCaptionContainer) {
						_controls.removeChild(_fakeCaptionContainer);
					}
					framework.removeClass(_captionContainer, 'pswp__caption--empty');
				}

				if(_shareModal) {
					_shareModal.children[0].onclick = null;
				}
				framework.removeClass(_controls, 'pswp__ui--over-close');
				framework.addClass( _controls, 'pswp__ui--hidden');
				ui.setIdle(false);
			});
			

			if(!_options.showAnimationDuration) {
				framework.removeClass( _controls, 'pswp__ui--hidden');
			}
			_listen('initialZoomIn', function() {
				if(_options.showAnimationDuration) {
					framework.removeClass( _controls, 'pswp__ui--hidden');
				}
			});
			_listen('initialZoomOut', function() {
				framework.addClass( _controls, 'pswp__ui--hidden');
			});

			_listen('parseVerticalMargin', _applyNavBarGaps);
			
			_setupUIElements();

			if(_options.shareEl && _shareButton && _shareModal) {
				_shareModalHidden = true;
			}

			_countNumItems();

			_setupIdle();

			_setupFullscreenAPI();

			_setupLoadingIndicator();
		};

		ui.setIdle = function(isIdle) {
			_isIdle = isIdle;
			_togglePswpClass(_controls, 'ui--idle', isIdle);
		};

		ui.update = function() {
			// Don't update UI if it's hidden
			if(_controlsVisible && pswp.currItem) {
				
				ui.updateIndexIndicator();

				if(_options.captionEl) {
					_options.addCaptionHTMLFn(pswp.currItem, _captionContainer);

					_togglePswpClass(_captionContainer, 'caption--empty', !pswp.currItem.title);
				}

				_overlayUIUpdated = true;

			} else {
				_overlayUIUpdated = false;
			}

			if(!_shareModalHidden) {
				_toggleShareModal();
			}

			_countNumItems();
		};

		ui.updateFullscreen = function(e) {

			if(e) {
				// some browsers change window scroll position during the fullscreen
				// so PhotoSwipe updates it just in case
				setTimeout(function() {
					pswp.setScrollOffset( 0, framework.getScrollY() );
				}, 50);
			}
			
			// toogle pswp--fs class on root element
			framework[ (_fullscrenAPI.isFullscreen() ? 'add' : 'remove') + 'Class' ](pswp.template, 'pswp--fs');
		};

		ui.updateIndexIndicator = function() {
			if(_options.counterEl) {
				_indexIndicator.innerHTML = (pswp.getCurrentIndex()+1) + 
											_options.indexIndicatorSep + 
											_options.getNumItemsFn();
			}
		};
		
		ui.onGlobalTap = function(e) {
			e = e || window.event;
			var target = e.target || e.srcElement;

			if(_blockControlsTap) {
				return;
			}

			if(e.detail && e.detail.pointerType === 'mouse') {

				// close gallery if clicked outside of the image
				if(_hasCloseClass(target)) {
					pswp.close();
					return;
				}

				if(framework.hasClass(target, 'pswp__img')) {
					if(pswp.getZoomLevel() === 1 && pswp.getZoomLevel() <= pswp.currItem.fitRatio) {
						if(_options.clickToCloseNonZoomable) {
							pswp.close();
						}
					} else {
						pswp.toggleDesktopZoom(e.detail.releasePoint);
					}
				}
				
			} else {

				// tap anywhere (except buttons) to toggle visibility of controls
				if(_options.tapToToggleControls) {
					if(_controlsVisible) {
						ui.hideControls();
					} else {
						ui.showControls();
					}
				}

				// tap to close gallery
				if(_options.tapToClose && (framework.hasClass(target, 'pswp__img') || _hasCloseClass(target)) ) {
					pswp.close();
					return;
				}
				
			}
		};
		ui.onMouseOver = function(e) {
			e = e || window.event;
			var target = e.target || e.srcElement;

			// add class when mouse is over an element that should close the gallery
			_togglePswpClass(_controls, 'ui--over-close', _hasCloseClass(target));
		};

		ui.hideControls = function() {
			framework.addClass(_controls,'pswp__ui--hidden');
			_controlsVisible = false;
		};

		ui.showControls = function() {
			_controlsVisible = true;
			if(!_overlayUIUpdated) {
				ui.update();
			}
			framework.removeClass(_controls,'pswp__ui--hidden');
		};

		ui.supportsFullscreen = function() {
			var d = document;
			return !!(d.exitFullscreen || d.mozCancelFullScreen || d.webkitExitFullscreen || d.msExitFullscreen);
		};

		ui.getFullscreenAPI = function() {
			var dE = document.documentElement,
				api,
				tF = 'fullscreenchange';

			if (dE.requestFullscreen) {
				api = {
					enterK: 'requestFullscreen',
					exitK: 'exitFullscreen',
					elementK: 'fullscreenElement',
					eventK: tF
				};

			} else if(dE.mozRequestFullScreen ) {
				api = {
					enterK: 'mozRequestFullScreen',
					exitK: 'mozCancelFullScreen',
					elementK: 'mozFullScreenElement',
					eventK: 'moz' + tF
				};

				

			} else if(dE.webkitRequestFullscreen) {
				api = {
					enterK: 'webkitRequestFullscreen',
					exitK: 'webkitExitFullscreen',
					elementK: 'webkitFullscreenElement',
					eventK: 'webkit' + tF
				};

			} else if(dE.msRequestFullscreen) {
				api = {
					enterK: 'msRequestFullscreen',
					exitK: 'msExitFullscreen',
					elementK: 'msFullscreenElement',
					eventK: 'MSFullscreenChange'
				};
			}

			if(api) {
				api.enter = function() { 
					// disable close-on-scroll in fullscreen
					_initalCloseOnScrollValue = _options.closeOnScroll; 
					_options.closeOnScroll = false; 

					if(this.enterK === 'webkitRequestFullscreen') {
						pswp.template[this.enterK]( Element.ALLOW_KEYBOARD_INPUT );
					} else {
						return pswp.template[this.enterK](); 
					}
				};
				api.exit = function() { 
					_options.closeOnScroll = _initalCloseOnScrollValue;

					return document[this.exitK](); 

				};
				api.isFullscreen = function() { return document[this.elementK]; };
			}

			return api;
		};



	};
	return PhotoSwipeUI_Default;


	});


/***/ }),
/* 17 */
/***/ (function(module, exports) {

	// removed by extract-text-webpack-plugin

/***/ }),
/* 18 */,
/* 19 */,
/* 20 */,
/* 21 */,
/* 22 */
/***/ (function(module, exports) {

	// removed by extract-text-webpack-plugin

/***/ }),
/* 23 */,
/* 24 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';

	var _addClass = __webpack_require__(25);

	var _addClass2 = _interopRequireDefault(_addClass);

	var _removeClass = __webpack_require__(26);

	var _removeClass2 = _interopRequireDefault(_removeClass);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	function generate(url, opts) {
	  var url = url.replace(/<%-sUrl%>/g, encodeURIComponent(opts.sUrl)).replace(/<%-sTitle%>/g, opts.sTitle).replace(/<%-sDesc%>/g, opts.sDesc).replace(/<%-sPic%>/g, encodeURIComponent(opts.sPic));

	  window.open(url);
	}

	function showWX() {
	  var $wx = document.querySelector('.js-wx-box');
	  var $mask = document.querySelector('.mask');
	  (0, _addClass2.default)($wx, 'in');
	  (0, _addClass2.default)($wx, 'ready');
	  (0, _addClass2.default)($mask, 'in');
	}

	function hideWX() {
	  var $wx = document.querySelector('.js-wx-box');
	  var $mask = document.querySelector('.mask');
	  (0, _removeClass2.default)($wx, 'in');
	  (0, _removeClass2.default)($wx, 'ready');
	  (0, _removeClass2.default)($mask, 'in');
	}

	function handleClick(type, opts) {
	  if (type === 'weibo') {
	    generate('http://service.weibo.com/share/share.php?url=<%-sUrl%>&title=<%-sTitle%>&pic=<%-sPic%>', opts);
	  } else if (type === 'qq') {
	    generate('http://connect.qq.com/widget/shareqq/index.html?url=<%-sUrl%>&title=<%-sTitle%>&source=<%-sDesc%>', opts);
	  } else if (type === 'douban') {
	    generate('https://www.douban.com/share/service?image=<%-sPic%>&href=<%-sUrl%>&name=<%-sTitle%>&text=<%-sDesc%>', opts);
	  } else if (type === 'qzone') {
	    generate('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=<%-sUrl%>&title=<%-sTitle%>&pics=<%-sPic%>&summary=<%-sDesc%>', opts);
	  } else if (type === 'facebook') {
	    generate('https://www.facebook.com/sharer/sharer.php?u=<%-sUrl%>', opts);
	  } else if (type === 'twitter') {
	    generate('https://twitter.com/intent/tweet?text=<%-sTitle%>&url=<%-sUrl%>&via=<%-config.url%>', opts);
	  } else if (type === 'google') {
	    generate('https://plus.google.com/share?url=<%-sUrl%>', opts);
	  } else if (type === 'weixin') {
	    showWX();
	  }
	}

	var init = function init() {
	  var $sns = document.querySelectorAll('.share-sns');
	  if (!$sns || $sns.length === 0) return;

	  var sUrl = window.location.href;
	  var sTitle = document.querySelector('title').innerHTML;
	  var $img = document.querySelectorAll('.article-entry img');
	  var sPic = $img.length ? document.querySelector('.article-entry img').getAttribute('src') : '';
	  if (sPic !== '' && !/^(http:|https:)?\/\//.test(sPic)) {
	    sPic = window.location.origin + sPic;
	  }

	  $sns.forEach(function ($em) {
	    $em.onclick = function (e) {
	      var type = $em.getAttribute('data-type');
	      handleClick(type, {
	        sUrl: sUrl,
	        sPic: sPic,
	        sTitle: sTitle,
	        sDesc: sTitle
	      });
	    };
	  });

	  document.querySelector('.mask').onclick = hideWX;
	  document.querySelector('.js-modal-close').onclick = hideWX;
	};

	module.exports = {
	  init: init
	};

/***/ }),
/* 25 */
/***/ (function(module, exports) {

	/**
	 * addClass : addClass(el, className)
	 * Adds a class name to an element. Compare with `$.fn.addClass`.
	 *
	 *     var addClass = require('dom101/add-class');
	 *
	 *     addClass(el, 'active');
	 */

	function addClass (el, className) {
	  if (el.classList) {
	    el.classList.add(className);
	  } else {
	    el.className += ' ' + className;
	  }
	}

	module.exports = addClass;


/***/ }),
/* 26 */
/***/ (function(module, exports) {

	/**
	 * removeClass : removeClass(el, className)
	 * Removes a classname.
	 *
	 *     var removeClass = require('dom101/remove-class');
	 *
	 *     el.className = 'selected active';
	 *     removeClass(el, 'active');
	 *
	 *     el.className
	 *     => "selected"
	 */

	function removeClass (el, className) {
	  if (el.classList) {
	    el.classList.remove(className);
	  } else {
	    var expr =
	      new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi');

	    el.className = el.className.replace(expr, ' ');
	  }
	}

	module.exports = removeClass;


/***/ }),
/* 27 */
/***/ (function(module, exports, __webpack_require__) {

	"use strict";

	var _typeof2 = __webpack_require__(28);

	var _typeof3 = _interopRequireDefault(_typeof2);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	var e = function () {
	    function r(e, r, n) {
	        return r || n ? String.fromCharCode(r || n) : u[e] || e;
	    }
	    function n(e) {
	        return p[e];
	    }
	    var t = /&quot;|&lt;|&gt;|&amp;|&nbsp;|&apos;|&#(\d+);|&#(\d+)/g,
	        o = /['<> "&]/g,
	        u = {
	        "&quot;": '"',
	        "&lt;": "<",
	        "&gt;": ">",
	        "&amp;": "&",
	        "&nbsp;": " "
	    },
	        c = /\u00a0/g,
	        a = /<br\s*\/?>/gi,
	        i = /\r?\n/g,
	        f = /\s/g,
	        p = {};
	    for (var s in u) {
	        p[u[s]] = s;
	    }return u["&apos;"] = "'", p["'"] = "&#39;", {
	        encode: function encode(e) {
	            return e ? ("" + e).replace(o, n).replace(i, "<br/>").replace(f, "&nbsp;") : "";
	        },
	        decode: function decode(e) {
	            return e ? ("" + e).replace(a, "\n").replace(t, r).replace(c, " ") : "";
	        },
	        encodeBase16: function encodeBase16(e) {
	            if (!e) return e;
	            e += "";
	            for (var r = [], n = 0, t = e.length; t > n; n++) {
	                r.push(e.charCodeAt(n).toString(16).toUpperCase());
	            }return r.join("");
	        },
	        encodeBase16forJSON: function encodeBase16forJSON(e) {
	            if (!e) return e;
	            e = e.replace(/[\u4E00-\u9FBF]/gi, function (e) {
	                return escape(e).replace("%u", "\\u");
	            });
	            for (var r = [], n = 0, t = e.length; t > n; n++) {
	                r.push(e.charCodeAt(n).toString(16).toUpperCase());
	            }return r.join("");
	        },
	        decodeBase16: function decodeBase16(e) {
	            if (!e) return e;
	            e += "";
	            for (var r = [], n = 0, t = e.length; t > n; n += 2) {
	                r.push(String.fromCharCode("0x" + e.slice(n, n + 2)));
	            }return r.join("");
	        },
	        encodeObject: function encodeObject(r) {
	            if (r instanceof Array) for (var n = 0, t = r.length; t > n; n++) {
	                r[n] = e.encodeObject(r[n]);
	            } else if ("object" == (typeof r === "undefined" ? "undefined" : (0, _typeof3.default)(r))) for (var o in r) {
	                r[o] = e.encodeObject(r[o]);
	            } else if ("string" == typeof r) return e.encode(r);
	            return r;
	        },
	        loadScript: function loadScript(path) {
	            var $script = document.createElement('script');
	            document.getElementsByTagName('body')[0].appendChild($script);
	            $script.setAttribute('src', path);
	        },
	        addLoadEvent: function addLoadEvent(func) {
	            var oldonload = window.onload;
	            if (typeof window.onload != "function") {
	                window.onload = func;
	            } else {
	                window.onload = function () {
	                    oldonload();
	                    func();
	                };
	            }
	        }
	    };
	}();

	module.exports = e;

/***/ }),
/* 28 */
/***/ (function(module, exports, __webpack_require__) {

	"use strict";

	exports.__esModule = true;

	var _iterator = __webpack_require__(29);

	var _iterator2 = _interopRequireDefault(_iterator);

	var _symbol = __webpack_require__(80);

	var _symbol2 = _interopRequireDefault(_symbol);

	var _typeof = typeof _symbol2.default === "function" && typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj; };

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

	exports.default = typeof _symbol2.default === "function" && _typeof(_iterator2.default) === "symbol" ? function (obj) {
	  return typeof obj === "undefined" ? "undefined" : _typeof(obj);
	} : function (obj) {
	  return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj);
	};

/***/ }),
/* 29 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = { "default": __webpack_require__(30), __esModule: true };

/***/ }),
/* 30 */
/***/ (function(module, exports, __webpack_require__) {

	__webpack_require__(31);
	__webpack_require__(75);
	module.exports = __webpack_require__(79).f('iterator');

/***/ }),
/* 31 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';
	var $at  = __webpack_require__(32)(true);

	// 21.1.3.27 String.prototype[@@iterator]()
	__webpack_require__(35)(String, 'String', function(iterated){
	  this._t = String(iterated); // target
	  this._i = 0;                // next index
	// 21.1.5.2.1 %StringIteratorPrototype%.next()
	}, function(){
	  var O     = this._t
	    , index = this._i
	    , point;
	  if(index >= O.length)return {value: undefined, done: true};
	  point = $at(O, index);
	  this._i += point.length;
	  return {value: point, done: false};
	});

/***/ }),
/* 32 */
/***/ (function(module, exports, __webpack_require__) {

	var toInteger = __webpack_require__(33)
	  , defined   = __webpack_require__(34);
	// true  -> String#at
	// false -> String#codePointAt
	module.exports = function(TO_STRING){
	  return function(that, pos){
	    var s = String(defined(that))
	      , i = toInteger(pos)
	      , l = s.length
	      , a, b;
	    if(i < 0 || i >= l)return TO_STRING ? '' : undefined;
	    a = s.charCodeAt(i);
	    return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff
	      ? TO_STRING ? s.charAt(i) : a
	      : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;
	  };
	};

/***/ }),
/* 33 */
/***/ (function(module, exports) {

	// 7.1.4 ToInteger
	var ceil  = Math.ceil
	  , floor = Math.floor;
	module.exports = function(it){
	  return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
	};

/***/ }),
/* 34 */
/***/ (function(module, exports) {

	// 7.2.1 RequireObjectCoercible(argument)
	module.exports = function(it){
	  if(it == undefined)throw TypeError("Can't call method on  " + it);
	  return it;
	};

/***/ }),
/* 35 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';
	var LIBRARY        = __webpack_require__(36)
	  , $export        = __webpack_require__(37)
	  , redefine       = __webpack_require__(52)
	  , hide           = __webpack_require__(42)
	  , has            = __webpack_require__(53)
	  , Iterators      = __webpack_require__(54)
	  , $iterCreate    = __webpack_require__(55)
	  , setToStringTag = __webpack_require__(71)
	  , getPrototypeOf = __webpack_require__(73)
	  , ITERATOR       = __webpack_require__(72)('iterator')
	  , BUGGY          = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next`
	  , FF_ITERATOR    = '@@iterator'
	  , KEYS           = 'keys'
	  , VALUES         = 'values';

	var returnThis = function(){ return this; };

	module.exports = function(Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED){
	  $iterCreate(Constructor, NAME, next);
	  var getMethod = function(kind){
	    if(!BUGGY && kind in proto)return proto[kind];
	    switch(kind){
	      case KEYS: return function keys(){ return new Constructor(this, kind); };
	      case VALUES: return function values(){ return new Constructor(this, kind); };
	    } return function entries(){ return new Constructor(this, kind); };
	  };
	  var TAG        = NAME + ' Iterator'
	    , DEF_VALUES = DEFAULT == VALUES
	    , VALUES_BUG = false
	    , proto      = Base.prototype
	    , $native    = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT]
	    , $default   = $native || getMethod(DEFAULT)
	    , $entries   = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined
	    , $anyNative = NAME == 'Array' ? proto.entries || $native : $native
	    , methods, key, IteratorPrototype;
	  // Fix native
	  if($anyNative){
	    IteratorPrototype = getPrototypeOf($anyNative.call(new Base));
	    if(IteratorPrototype !== Object.prototype){
	      // Set @@toStringTag to native iterators
	      setToStringTag(IteratorPrototype, TAG, true);
	      // fix for some old engines
	      if(!LIBRARY && !has(IteratorPrototype, ITERATOR))hide(IteratorPrototype, ITERATOR, returnThis);
	    }
	  }
	  // fix Array#{values, @@iterator}.name in V8 / FF
	  if(DEF_VALUES && $native && $native.name !== VALUES){
	    VALUES_BUG = true;
	    $default = function values(){ return $native.call(this); };
	  }
	  // Define iterator
	  if((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])){
	    hide(proto, ITERATOR, $default);
	  }
	  // Plug for library
	  Iterators[NAME] = $default;
	  Iterators[TAG]  = returnThis;
	  if(DEFAULT){
	    methods = {
	      values:  DEF_VALUES ? $default : getMethod(VALUES),
	      keys:    IS_SET     ? $default : getMethod(KEYS),
	      entries: $entries
	    };
	    if(FORCED)for(key in methods){
	      if(!(key in proto))redefine(proto, key, methods[key]);
	    } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);
	  }
	  return methods;
	};

/***/ }),
/* 36 */
/***/ (function(module, exports) {

	module.exports = true;

/***/ }),
/* 37 */
/***/ (function(module, exports, __webpack_require__) {

	var global    = __webpack_require__(38)
	  , core      = __webpack_require__(39)
	  , ctx       = __webpack_require__(40)
	  , hide      = __webpack_require__(42)
	  , PROTOTYPE = 'prototype';

	var $export = function(type, name, source){
	  var IS_FORCED = type & $export.F
	    , IS_GLOBAL = type & $export.G
	    , IS_STATIC = type & $export.S
	    , IS_PROTO  = type & $export.P
	    , IS_BIND   = type & $export.B
	    , IS_WRAP   = type & $export.W
	    , exports   = IS_GLOBAL ? core : core[name] || (core[name] = {})
	    , expProto  = exports[PROTOTYPE]
	    , target    = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE]
	    , key, own, out;
	  if(IS_GLOBAL)source = name;
	  for(key in source){
	    // contains in native
	    own = !IS_FORCED && target && target[key] !== undefined;
	    if(own && key in exports)continue;
	    // export native or passed
	    out = own ? target[key] : source[key];
	    // prevent global pollution for namespaces
	    exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
	    // bind timers to global for call from export context
	    : IS_BIND && own ? ctx(out, global)
	    // wrap global constructors for prevent change them in library
	    : IS_WRAP && target[key] == out ? (function(C){
	      var F = function(a, b, c){
	        if(this instanceof C){
	          switch(arguments.length){
	            case 0: return new C;
	            case 1: return new C(a);
	            case 2: return new C(a, b);
	          } return new C(a, b, c);
	        } return C.apply(this, arguments);
	      };
	      F[PROTOTYPE] = C[PROTOTYPE];
	      return F;
	    // make static versions for prototype methods
	    })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
	    // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
	    if(IS_PROTO){
	      (exports.virtual || (exports.virtual = {}))[key] = out;
	      // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
	      if(type & $export.R && expProto && !expProto[key])hide(expProto, key, out);
	    }
	  }
	};
	// type bitmap
	$export.F = 1;   // forced
	$export.G = 2;   // global
	$export.S = 4;   // static
	$export.P = 8;   // proto
	$export.B = 16;  // bind
	$export.W = 32;  // wrap
	$export.U = 64;  // safe
	$export.R = 128; // real proto method for `library` 
	module.exports = $export;

/***/ }),
/* 38 */
/***/ (function(module, exports) {

	// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
	var global = module.exports = typeof window != 'undefined' && window.Math == Math
	  ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
	if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef

/***/ }),
/* 39 */
/***/ (function(module, exports) {

	var core = module.exports = {version: '2.4.0'};
	if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef

/***/ }),
/* 40 */
/***/ (function(module, exports, __webpack_require__) {

	// optional / simple context binding
	var aFunction = __webpack_require__(41);
	module.exports = function(fn, that, length){
	  aFunction(fn);
	  if(that === undefined)return fn;
	  switch(length){
	    case 1: return function(a){
	      return fn.call(that, a);
	    };
	    case 2: return function(a, b){
	      return fn.call(that, a, b);
	    };
	    case 3: return function(a, b, c){
	      return fn.call(that, a, b, c);
	    };
	  }
	  return function(/* ...args */){
	    return fn.apply(that, arguments);
	  };
	};

/***/ }),
/* 41 */
/***/ (function(module, exports) {

	module.exports = function(it){
	  if(typeof it != 'function')throw TypeError(it + ' is not a function!');
	  return it;
	};

/***/ }),
/* 42 */
/***/ (function(module, exports, __webpack_require__) {

	var dP         = __webpack_require__(43)
	  , createDesc = __webpack_require__(51);
	module.exports = __webpack_require__(47) ? function(object, key, value){
	  return dP.f(object, key, createDesc(1, value));
	} : function(object, key, value){
	  object[key] = value;
	  return object;
	};

/***/ }),
/* 43 */
/***/ (function(module, exports, __webpack_require__) {

	var anObject       = __webpack_require__(44)
	  , IE8_DOM_DEFINE = __webpack_require__(46)
	  , toPrimitive    = __webpack_require__(50)
	  , dP             = Object.defineProperty;

	exports.f = __webpack_require__(47) ? Object.defineProperty : function defineProperty(O, P, Attributes){
	  anObject(O);
	  P = toPrimitive(P, true);
	  anObject(Attributes);
	  if(IE8_DOM_DEFINE)try {
	    return dP(O, P, Attributes);
	  } catch(e){ /* empty */ }
	  if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!');
	  if('value' in Attributes)O[P] = Attributes.value;
	  return O;
	};

/***/ }),
/* 44 */
/***/ (function(module, exports, __webpack_require__) {

	var isObject = __webpack_require__(45);
	module.exports = function(it){
	  if(!isObject(it))throw TypeError(it + ' is not an object!');
	  return it;
	};

/***/ }),
/* 45 */
/***/ (function(module, exports) {

	module.exports = function(it){
	  return typeof it === 'object' ? it !== null : typeof it === 'function';
	};

/***/ }),
/* 46 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = !__webpack_require__(47) && !__webpack_require__(48)(function(){
	  return Object.defineProperty(__webpack_require__(49)('div'), 'a', {get: function(){ return 7; }}).a != 7;
	});

/***/ }),
/* 47 */
/***/ (function(module, exports, __webpack_require__) {

	// Thank's IE8 for his funny defineProperty
	module.exports = !__webpack_require__(48)(function(){
	  return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7;
	});

/***/ }),
/* 48 */
/***/ (function(module, exports) {

	module.exports = function(exec){
	  try {
	    return !!exec();
	  } catch(e){
	    return true;
	  }
	};

/***/ }),
/* 49 */
/***/ (function(module, exports, __webpack_require__) {

	var isObject = __webpack_require__(45)
	  , document = __webpack_require__(38).document
	  // in old IE typeof document.createElement is 'object'
	  , is = isObject(document) && isObject(document.createElement);
	module.exports = function(it){
	  return is ? document.createElement(it) : {};
	};

/***/ }),
/* 50 */
/***/ (function(module, exports, __webpack_require__) {

	// 7.1.1 ToPrimitive(input [, PreferredType])
	var isObject = __webpack_require__(45);
	// instead of the ES6 spec version, we didn't implement @@toPrimitive case
	// and the second argument - flag - preferred type is a string
	module.exports = function(it, S){
	  if(!isObject(it))return it;
	  var fn, val;
	  if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val;
	  if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val;
	  if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val;
	  throw TypeError("Can't convert object to primitive value");
	};

/***/ }),
/* 51 */
/***/ (function(module, exports) {

	module.exports = function(bitmap, value){
	  return {
	    enumerable  : !(bitmap & 1),
	    configurable: !(bitmap & 2),
	    writable    : !(bitmap & 4),
	    value       : value
	  };
	};

/***/ }),
/* 52 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__(42);

/***/ }),
/* 53 */
/***/ (function(module, exports) {

	var hasOwnProperty = {}.hasOwnProperty;
	module.exports = function(it, key){
	  return hasOwnProperty.call(it, key);
	};

/***/ }),
/* 54 */
/***/ (function(module, exports) {

	module.exports = {};

/***/ }),
/* 55 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';
	var create         = __webpack_require__(56)
	  , descriptor     = __webpack_require__(51)
	  , setToStringTag = __webpack_require__(71)
	  , IteratorPrototype = {};

	// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
	__webpack_require__(42)(IteratorPrototype, __webpack_require__(72)('iterator'), function(){ return this; });

	module.exports = function(Constructor, NAME, next){
	  Constructor.prototype = create(IteratorPrototype, {next: descriptor(1, next)});
	  setToStringTag(Constructor, NAME + ' Iterator');
	};

/***/ }),
/* 56 */
/***/ (function(module, exports, __webpack_require__) {

	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
	var anObject    = __webpack_require__(44)
	  , dPs         = __webpack_require__(57)
	  , enumBugKeys = __webpack_require__(69)
	  , IE_PROTO    = __webpack_require__(66)('IE_PROTO')
	  , Empty       = function(){ /* empty */ }
	  , PROTOTYPE   = 'prototype';

	// Create object with fake `null` prototype: use iframe Object with cleared prototype
	var createDict = function(){
	  // Thrash, waste and sodomy: IE GC bug
	  var iframe = __webpack_require__(49)('iframe')
	    , i      = enumBugKeys.length
	    , lt     = '<'
	    , gt     = '>'
	    , iframeDocument;
	  iframe.style.display = 'none';
	  __webpack_require__(70).appendChild(iframe);
	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
	  // createDict = iframe.contentWindow.Object;
	  // html.removeChild(iframe);
	  iframeDocument = iframe.contentWindow.document;
	  iframeDocument.open();
	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
	  iframeDocument.close();
	  createDict = iframeDocument.F;
	  while(i--)delete createDict[PROTOTYPE][enumBugKeys[i]];
	  return createDict();
	};

	module.exports = Object.create || function create(O, Properties){
	  var result;
	  if(O !== null){
	    Empty[PROTOTYPE] = anObject(O);
	    result = new Empty;
	    Empty[PROTOTYPE] = null;
	    // add "__proto__" for Object.getPrototypeOf polyfill
	    result[IE_PROTO] = O;
	  } else result = createDict();
	  return Properties === undefined ? result : dPs(result, Properties);
	};


/***/ }),
/* 57 */
/***/ (function(module, exports, __webpack_require__) {

	var dP       = __webpack_require__(43)
	  , anObject = __webpack_require__(44)
	  , getKeys  = __webpack_require__(58);

	module.exports = __webpack_require__(47) ? Object.defineProperties : function defineProperties(O, Properties){
	  anObject(O);
	  var keys   = getKeys(Properties)
	    , length = keys.length
	    , i = 0
	    , P;
	  while(length > i)dP.f(O, P = keys[i++], Properties[P]);
	  return O;
	};

/***/ }),
/* 58 */
/***/ (function(module, exports, __webpack_require__) {

	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
	var $keys       = __webpack_require__(59)
	  , enumBugKeys = __webpack_require__(69);

	module.exports = Object.keys || function keys(O){
	  return $keys(O, enumBugKeys);
	};

/***/ }),
/* 59 */
/***/ (function(module, exports, __webpack_require__) {

	var has          = __webpack_require__(53)
	  , toIObject    = __webpack_require__(60)
	  , arrayIndexOf = __webpack_require__(63)(false)
	  , IE_PROTO     = __webpack_require__(66)('IE_PROTO');

	module.exports = function(object, names){
	  var O      = toIObject(object)
	    , i      = 0
	    , result = []
	    , key;
	  for(key in O)if(key != IE_PROTO)has(O, key) && result.push(key);
	  // Don't enum bug & hidden keys
	  while(names.length > i)if(has(O, key = names[i++])){
	    ~arrayIndexOf(result, key) || result.push(key);
	  }
	  return result;
	};

/***/ }),
/* 60 */
/***/ (function(module, exports, __webpack_require__) {

	// to indexed object, toObject with fallback for non-array-like ES3 strings
	var IObject = __webpack_require__(61)
	  , defined = __webpack_require__(34);
	module.exports = function(it){
	  return IObject(defined(it));
	};

/***/ }),
/* 61 */
/***/ (function(module, exports, __webpack_require__) {

	// fallback for non-array-like ES3 and non-enumerable old V8 strings
	var cof = __webpack_require__(62);
	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
	  return cof(it) == 'String' ? it.split('') : Object(it);
	};

/***/ }),
/* 62 */
/***/ (function(module, exports) {

	var toString = {}.toString;

	module.exports = function(it){
	  return toString.call(it).slice(8, -1);
	};

/***/ }),
/* 63 */
/***/ (function(module, exports, __webpack_require__) {

	// false -> Array#indexOf
	// true  -> Array#includes
	var toIObject = __webpack_require__(60)
	  , toLength  = __webpack_require__(64)
	  , toIndex   = __webpack_require__(65);
	module.exports = function(IS_INCLUDES){
	  return function($this, el, fromIndex){
	    var O      = toIObject($this)
	      , length = toLength(O.length)
	      , index  = toIndex(fromIndex, length)
	      , value;
	    // Array#includes uses SameValueZero equality algorithm
	    if(IS_INCLUDES && el != el)while(length > index){
	      value = O[index++];
	      if(value != value)return true;
	    // Array#toIndex ignores holes, Array#includes - not
	    } else for(;length > index; index++)if(IS_INCLUDES || index in O){
	      if(O[index] === el)return IS_INCLUDES || index || 0;
	    } return !IS_INCLUDES && -1;
	  };
	};

/***/ }),
/* 64 */
/***/ (function(module, exports, __webpack_require__) {

	// 7.1.15 ToLength
	var toInteger = __webpack_require__(33)
	  , min       = Math.min;
	module.exports = function(it){
	  return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
	};

/***/ }),
/* 65 */
/***/ (function(module, exports, __webpack_require__) {

	var toInteger = __webpack_require__(33)
	  , max       = Math.max
	  , min       = Math.min;
	module.exports = function(index, length){
	  index = toInteger(index);
	  return index < 0 ? max(index + length, 0) : min(index, length);
	};

/***/ }),
/* 66 */
/***/ (function(module, exports, __webpack_require__) {

	var shared = __webpack_require__(67)('keys')
	  , uid    = __webpack_require__(68);
	module.exports = function(key){
	  return shared[key] || (shared[key] = uid(key));
	};

/***/ }),
/* 67 */
/***/ (function(module, exports, __webpack_require__) {

	var global = __webpack_require__(38)
	  , SHARED = '__core-js_shared__'
	  , store  = global[SHARED] || (global[SHARED] = {});
	module.exports = function(key){
	  return store[key] || (store[key] = {});
	};

/***/ }),
/* 68 */
/***/ (function(module, exports) {

	var id = 0
	  , px = Math.random();
	module.exports = function(key){
	  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
	};

/***/ }),
/* 69 */
/***/ (function(module, exports) {

	// IE 8- don't enum bug keys
	module.exports = (
	  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
	).split(',');

/***/ }),
/* 70 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__(38).document && document.documentElement;

/***/ }),
/* 71 */
/***/ (function(module, exports, __webpack_require__) {

	var def = __webpack_require__(43).f
	  , has = __webpack_require__(53)
	  , TAG = __webpack_require__(72)('toStringTag');

	module.exports = function(it, tag, stat){
	  if(it && !has(it = stat ? it : it.prototype, TAG))def(it, TAG, {configurable: true, value: tag});
	};

/***/ }),
/* 72 */
/***/ (function(module, exports, __webpack_require__) {

	var store      = __webpack_require__(67)('wks')
	  , uid        = __webpack_require__(68)
	  , Symbol     = __webpack_require__(38).Symbol
	  , USE_SYMBOL = typeof Symbol == 'function';

	var $exports = module.exports = function(name){
	  return store[name] || (store[name] =
	    USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
	};

	$exports.store = store;

/***/ }),
/* 73 */
/***/ (function(module, exports, __webpack_require__) {

	// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
	var has         = __webpack_require__(53)
	  , toObject    = __webpack_require__(74)
	  , IE_PROTO    = __webpack_require__(66)('IE_PROTO')
	  , ObjectProto = Object.prototype;

	module.exports = Object.getPrototypeOf || function(O){
	  O = toObject(O);
	  if(has(O, IE_PROTO))return O[IE_PROTO];
	  if(typeof O.constructor == 'function' && O instanceof O.constructor){
	    return O.constructor.prototype;
	  } return O instanceof Object ? ObjectProto : null;
	};

/***/ }),
/* 74 */
/***/ (function(module, exports, __webpack_require__) {

	// 7.1.13 ToObject(argument)
	var defined = __webpack_require__(34);
	module.exports = function(it){
	  return Object(defined(it));
	};

/***/ }),
/* 75 */
/***/ (function(module, exports, __webpack_require__) {

	__webpack_require__(76);
	var global        = __webpack_require__(38)
	  , hide          = __webpack_require__(42)
	  , Iterators     = __webpack_require__(54)
	  , TO_STRING_TAG = __webpack_require__(72)('toStringTag');

	for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList', 'CSSRuleList'], i = 0; i < 5; i++){
	  var NAME       = collections[i]
	    , Collection = global[NAME]
	    , proto      = Collection && Collection.prototype;
	  if(proto && !proto[TO_STRING_TAG])hide(proto, TO_STRING_TAG, NAME);
	  Iterators[NAME] = Iterators.Array;
	}

/***/ }),
/* 76 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';
	var addToUnscopables = __webpack_require__(77)
	  , step             = __webpack_require__(78)
	  , Iterators        = __webpack_require__(54)
	  , toIObject        = __webpack_require__(60);

	// 22.1.3.4 Array.prototype.entries()
	// 22.1.3.13 Array.prototype.keys()
	// 22.1.3.29 Array.prototype.values()
	// 22.1.3.30 Array.prototype[@@iterator]()
	module.exports = __webpack_require__(35)(Array, 'Array', function(iterated, kind){
	  this._t = toIObject(iterated); // target
	  this._i = 0;                   // next index
	  this._k = kind;                // kind
	// 22.1.5.2.1 %ArrayIteratorPrototype%.next()
	}, function(){
	  var O     = this._t
	    , kind  = this._k
	    , index = this._i++;
	  if(!O || index >= O.length){
	    this._t = undefined;
	    return step(1);
	  }
	  if(kind == 'keys'  )return step(0, index);
	  if(kind == 'values')return step(0, O[index]);
	  return step(0, [index, O[index]]);
	}, 'values');

	// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)
	Iterators.Arguments = Iterators.Array;

	addToUnscopables('keys');
	addToUnscopables('values');
	addToUnscopables('entries');

/***/ }),
/* 77 */
/***/ (function(module, exports) {

	module.exports = function(){ /* empty */ };

/***/ }),
/* 78 */
/***/ (function(module, exports) {

	module.exports = function(done, value){
	  return {value: value, done: !!done};
	};

/***/ }),
/* 79 */
/***/ (function(module, exports, __webpack_require__) {

	exports.f = __webpack_require__(72);

/***/ }),
/* 80 */
/***/ (function(module, exports, __webpack_require__) {

	module.exports = { "default": __webpack_require__(81), __esModule: true };

/***/ }),
/* 81 */
/***/ (function(module, exports, __webpack_require__) {

	__webpack_require__(82);
	__webpack_require__(93);
	__webpack_require__(94);
	__webpack_require__(95);
	module.exports = __webpack_require__(39).Symbol;

/***/ }),
/* 82 */
/***/ (function(module, exports, __webpack_require__) {

	'use strict';
	// ECMAScript 6 symbols shim
	var global         = __webpack_require__(38)
	  , has            = __webpack_require__(53)
	  , DESCRIPTORS    = __webpack_require__(47)
	  , $export        = __webpack_require__(37)
	  , redefine       = __webpack_require__(52)
	  , META           = __webpack_require__(83).KEY
	  , $fails         = __webpack_require__(48)
	  , shared         = __webpack_require__(67)
	  , setToStringTag = __webpack_require__(71)
	  , uid            = __webpack_require__(68)
	  , wks            = __webpack_require__(72)
	  , wksExt         = __webpack_require__(79)
	  , wksDefine      = __webpack_require__(84)
	  , keyOf          = __webpack_require__(85)
	  , enumKeys       = __webpack_require__(86)
	  , isArray        = __webpack_require__(89)
	  , anObject       = __webpack_require__(44)
	  , toIObject      = __webpack_require__(60)
	  , toPrimitive    = __webpack_require__(50)
	  , createDesc     = __webpack_require__(51)
	  , _create        = __webpack_require__(56)
	  , gOPNExt        = __webpack_require__(90)
	  , $GOPD          = __webpack_require__(92)
	  , $DP            = __webpack_require__(43)
	  , $keys          = __webpack_require__(58)
	  , gOPD           = $GOPD.f
	  , dP             = $DP.f
	  , gOPN           = gOPNExt.f
	  , $Symbol        = global.Symbol
	  , $JSON          = global.JSON
	  , _stringify     = $JSON && $JSON.stringify
	  , PROTOTYPE      = 'prototype'
	  , HIDDEN         = wks('_hidden')
	  , TO_PRIMITIVE   = wks('toPrimitive')
	  , isEnum         = {}.propertyIsEnumerable
	  , SymbolRegistry = shared('symbol-registry')
	  , AllSymbols     = shared('symbols')
	  , OPSymbols      = shared('op-symbols')
	  , ObjectProto    = Object[PROTOTYPE]
	  , USE_NATIVE     = typeof $Symbol == 'function'
	  , QObject        = global.QObject;
	// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
	var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;

	// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
	var setSymbolDesc = DESCRIPTORS && $fails(function(){
	  return _create(dP({}, 'a', {
	    get: function(){ return dP(this, 'a', {value: 7}).a; }
	  })).a != 7;
	}) ? function(it, key, D){
	  var protoDesc = gOPD(ObjectProto, key);
	  if(protoDesc)delete ObjectProto[key];
	  dP(it, key, D);
	  if(protoDesc && it !== ObjectProto)dP(ObjectProto, key, protoDesc);
	} : dP;

	var wrap = function(tag){
	  var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]);
	  sym._k = tag;
	  return sym;
	};

	var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function(it){
	  return typeof it == 'symbol';
	} : function(it){
	  return it instanceof $Symbol;
	};

	var $defineProperty = function defineProperty(it, key, D){
	  if(it === ObjectProto)$defineProperty(OPSymbols, key, D);
	  anObject(it);
	  key = toPrimitive(key, true);
	  anObject(D);
	  if(has(AllSymbols, key)){
	    if(!D.enumerable){
	      if(!has(it, HIDDEN))dP(it, HIDDEN, createDesc(1, {}));
	      it[HIDDEN][key] = true;
	    } else {
	      if(has(it, HIDDEN) && it[HIDDEN][key])it[HIDDEN][key] = false;
	      D = _create(D, {enumerable: createDesc(0, false)});
	    } return setSymbolDesc(it, key, D);
	  } return dP(it, key, D);
	};
	var $defineProperties = function defineProperties(it, P){
	  anObject(it);
	  var keys = enumKeys(P = toIObject(P))
	    , i    = 0
	    , l = keys.length
	    , key;
	  while(l > i)$defineProperty(it, key = keys[i++], P[key]);
	  return it;
	};
	var $create = function create(it, P){
	  return P === undefined ? _create(it) : $defineProperties(_create(it), P);
	};
	var $propertyIsEnumerable = function propertyIsEnumerable(key){
	  var E = isEnum.call(this, key = toPrimitive(key, true));
	  if(this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return false;
	  return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true;
	};
	var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key){
	  it  = toIObject(it);
	  key = toPrimitive(key, true);
	  if(it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return;
	  var D = gOPD(it, key);
	  if(D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key]))D.enumerable = true;
	  return D;
	};
	var $getOwnPropertyNames = function getOwnPropertyNames(it){
	  var names  = gOPN(toIObject(it))
	    , result = []
	    , i      = 0
	    , key;
	  while(names.length > i){
	    if(!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META)result.push(key);
	  } return result;
	};
	var $getOwnPropertySymbols = function getOwnPropertySymbols(it){
	  var IS_OP  = it === ObjectProto
	    , names  = gOPN(IS_OP ? OPSymbols : toIObject(it))
	    , result = []
	    , i      = 0
	    , key;
	  while(names.length > i){
	    if(has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true))result.push(AllSymbols[key]);
	  } return result;
	};

	// 19.4.1.1 Symbol([description])
	if(!USE_NATIVE){
	  $Symbol = function Symbol(){
	    if(this instanceof $Symbol)throw TypeError('Symbol is not a constructor!');
	    var tag = uid(arguments.length > 0 ? arguments[0] : undefined);
	    var $set = function(value){
	      if(this === ObjectProto)$set.call(OPSymbols, value);
	      if(has(this, HIDDEN) && has(this[HIDDEN], tag))this[HIDDEN][tag] = false;
	      setSymbolDesc(this, tag, createDesc(1, value));
	    };
	    if(DESCRIPTORS && setter)setSymbolDesc(ObjectProto, tag, {configurable: true, set: $set});
	    return wrap(tag);
	  };
	  redefine($Symbol[PROTOTYPE], 'toString', function toString(){
	    return this._k;
	  });

	  $GOPD.f = $getOwnPropertyDescriptor;
	  $DP.f   = $defineProperty;
	  __webpack_require__(91).f = gOPNExt.f = $getOwnPropertyNames;
	  __webpack_require__(88).f  = $propertyIsEnumerable;
	  __webpack_require__(87).f = $getOwnPropertySymbols;

	  if(DESCRIPTORS && !__webpack_require__(36)){
	    redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
	  }

	  wksExt.f = function(name){
	    return wrap(wks(name));
	  }
	}

	$export($export.G + $export.W + $export.F * !USE_NATIVE, {Symbol: $Symbol});

	for(var symbols = (
	  // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14
	  'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables'
	).split(','), i = 0; symbols.length > i; )wks(symbols[i++]);

	for(var symbols = $keys(wks.store), i = 0; symbols.length > i; )wksDefine(symbols[i++]);

	$export($export.S + $export.F * !USE_NATIVE, 'Symbol', {
	  // 19.4.2.1 Symbol.for(key)
	  'for': function(key){
	    return has(SymbolRegistry, key += '')
	      ? SymbolRegistry[key]
	      : SymbolRegistry[key] = $Symbol(key);
	  },
	  // 19.4.2.5 Symbol.keyFor(sym)
	  keyFor: function keyFor(key){
	    if(isSymbol(key))return keyOf(SymbolRegistry, key);
	    throw TypeError(key + ' is not a symbol!');
	  },
	  useSetter: function(){ setter = true; },
	  useSimple: function(){ setter = false; }
	});

	$export($export.S + $export.F * !USE_NATIVE, 'Object', {
	  // 19.1.2.2 Object.create(O [, Properties])
	  create: $create,
	  // 19.1.2.4 Object.defineProperty(O, P, Attributes)
	  defineProperty: $defineProperty,
	  // 19.1.2.3 Object.defineProperties(O, Properties)
	  defineProperties: $defineProperties,
	  // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
	  getOwnPropertyDescriptor: $getOwnPropertyDescriptor,
	  // 19.1.2.7 Object.getOwnPropertyNames(O)
	  getOwnPropertyNames: $getOwnPropertyNames,
	  // 19.1.2.8 Object.getOwnPropertySymbols(O)
	  getOwnPropertySymbols: $getOwnPropertySymbols
	});

	// 24.3.2 JSON.stringify(value [, replacer [, space]])
	$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function(){
	  var S = $Symbol();
	  // MS Edge converts symbol values to JSON as {}
	  // WebKit converts symbol values to JSON as null
	  // V8 throws on boxed symbols
	  return _stringify([S]) != '[null]' || _stringify({a: S}) != '{}' || _stringify(Object(S)) != '{}';
	})), 'JSON', {
	  stringify: function stringify(it){
	    if(it === undefined || isSymbol(it))return; // IE8 returns string on undefined
	    var args = [it]
	      , i    = 1
	      , replacer, $replacer;
	    while(arguments.length > i)args.push(arguments[i++]);
	    replacer = args[1];
	    if(typeof replacer == 'function')$replacer = replacer;
	    if($replacer || !isArray(replacer))replacer = function(key, value){
	      if($replacer)value = $replacer.call(this, key, value);
	      if(!isSymbol(value))return value;
	    };
	    args[1] = replacer;
	    return _stringify.apply($JSON, args);
	  }
	});

	// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
	$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(42)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
	// 19.4.3.5 Symbol.prototype[@@toStringTag]
	setToStringTag($Symbol, 'Symbol');
	// 20.2.1.9 Math[@@toStringTag]
	setToStringTag(Math, 'Math', true);
	// 24.3.3 JSON[@@toStringTag]
	setToStringTag(global.JSON, 'JSON', true);

/***/ }),
/* 83 */
/***/ (function(module, exports, __webpack_require__) {

	var META     = __webpack_require__(68)('meta')
	  , isObject = __webpack_require__(45)
	  , has      = __webpack_require__(53)
	  , setDesc  = __webpack_require__(43).f
	  , id       = 0;
	var isExtensible = Object.isExtensible || function(){
	  return true;
	};
	var FREEZE = !__webpack_require__(48)(function(){
	  return isExtensible(Object.preventExtensions({}));
	});
	var setMeta = function(it){
	  setDesc(it, META, {value: {
	    i: 'O' + ++id, // object ID
	    w: {}          // weak collections IDs
	  }});
	};
	var fastKey = function(it, create){
	  // return primitive with prefix
	  if(!isObject(it))return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
	  if(!has(it, META)){
	    // can't set metadata to uncaught frozen object
	    if(!isExtensible(it))return 'F';
	    // not necessary to add metadata
	    if(!create)return 'E';
	    // add missing metadata
	    setMeta(it);
	  // return object ID
	  } return it[META].i;
	};
	var getWeak = function(it, create){
	  if(!has(it, META)){
	    // can't set metadata to uncaught frozen object
	    if(!isExtensible(it))return true;
	    // not necessary to add metadata
	    if(!create)return false;
	    // add missing metadata
	    setMeta(it);
	  // return hash weak collections IDs
	  } return it[META].w;
	};
	// add metadata on freeze-family methods calling
	var onFreeze = function(it){
	  if(FREEZE && meta.NEED && isExtensible(it) && !has(it, META))setMeta(it);
	  return it;
	};
	var meta = module.exports = {
	  KEY:      META,
	  NEED:     false,
	  fastKey:  fastKey,
	  getWeak:  getWeak,
	  onFreeze: onFreeze
	};

/***/ }),
/* 84 */
/***/ (function(module, exports, __webpack_require__) {

	var global         = __webpack_require__(38)
	  , core           = __webpack_require__(39)
	  , LIBRARY        = __webpack_require__(36)
	  , wksExt         = __webpack_require__(79)
	  , defineProperty = __webpack_require__(43).f;
	module.exports = function(name){
	  var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
	  if(name.charAt(0) != '_' && !(name in $Symbol))defineProperty($Symbol, name, {value: wksExt.f(name)});
	};

/***/ }),
/* 85 */
/***/ (function(module, exports, __webpack_require__) {

	var getKeys   = __webpack_require__(58)
	  , toIObject = __webpack_require__(60);
	module.exports = function(object, el){
	  var O      = toIObject(object)
	    , keys   = getKeys(O)
	    , length = keys.length
	    , index  = 0
	    , key;
	  while(length > index)if(O[key = keys[index++]] === el)return key;
	};

/***/ }),
/* 86 */
/***/ (function(module, exports, __webpack_require__) {

	// all enumerable object keys, includes symbols
	var getKeys = __webpack_require__(58)
	  , gOPS    = __webpack_require__(87)
	  , pIE     = __webpack_require__(88);
	module.exports = function(it){
	  var result     = getKeys(it)
	    , getSymbols = gOPS.f;
	  if(getSymbols){
	    var symbols = getSymbols(it)
	      , isEnum  = pIE.f
	      , i       = 0
	      , key;
	    while(symbols.length > i)if(isEnum.call(it, key = symbols[i++]))result.push(key);
	  } return result;
	};

/***/ }),
/* 87 */
/***/ (function(module, exports) {

	exports.f = Object.getOwnPropertySymbols;

/***/ }),
/* 88 */
/***/ (function(module, exports) {

	exports.f = {}.propertyIsEnumerable;

/***/ }),
/* 89 */
/***/ (function(module, exports, __webpack_require__) {

	// 7.2.2 IsArray(argument)
	var cof = __webpack_require__(62);
	module.exports = Array.isArray || function isArray(arg){
	  return cof(arg) == 'Array';
	};

/***/ }),
/* 90 */
/***/ (function(module, exports, __webpack_require__) {

	// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
	var toIObject = __webpack_require__(60)
	  , gOPN      = __webpack_require__(91).f
	  , toString  = {}.toString;

	var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
	  ? Object.getOwnPropertyNames(window) : [];

	var getWindowNames = function(it){
	  try {
	    return gOPN(it);
	  } catch(e){
	    return windowNames.slice();
	  }
	};

	module.exports.f = function getOwnPropertyNames(it){
	  return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it));
	};


/***/ }),
/* 91 */
/***/ (function(module, exports, __webpack_require__) {

	// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
	var $keys      = __webpack_require__(59)
	  , hiddenKeys = __webpack_require__(69).concat('length', 'prototype');

	exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O){
	  return $keys(O, hiddenKeys);
	};

/***/ }),
/* 92 */
/***/ (function(module, exports, __webpack_require__) {

	var pIE            = __webpack_require__(88)
	  , createDesc     = __webpack_require__(51)
	  , toIObject      = __webpack_require__(60)
	  , toPrimitive    = __webpack_require__(50)
	  , has            = __webpack_require__(53)
	  , IE8_DOM_DEFINE = __webpack_require__(46)
	  , gOPD           = Object.getOwnPropertyDescriptor;

	exports.f = __webpack_require__(47) ? gOPD : function getOwnPropertyDescriptor(O, P){
	  O = toIObject(O);
	  P = toPrimitive(P, true);
	  if(IE8_DOM_DEFINE)try {
	    return gOPD(O, P);
	  } catch(e){ /* empty */ }
	  if(has(O, P))return createDesc(!pIE.f.call(O, P), O[P]);
	};

/***/ }),
/* 93 */
/***/ (function(module, exports) {

	

/***/ }),
/* 94 */
/***/ (function(module, exports, __webpack_require__) {

	__webpack_require__(84)('asyncIterator');

/***/ }),
/* 95 */
/***/ (function(module, exports, __webpack_require__) {

	__webpack_require__(84)('observable');

/***/ })
/******/ ]);